Pourquoi j'ai un espace sous mon image

Bonjour,

Avant tout je tiens à préciser que je ne suis pas développeur !!
Je dis ça car ma question peut paraitre stupide !!

En haut de mon site, j'ai une bande blanche de 85 pixels sur toute la largeur et je veux y insérer une image qui fait 85 pixels de haut, j'arrive bien à l'insérer par contre ma bande blanche s'agrandit de beaucoup plus.
Du coup je me retrouve avec une bande blanche sous mon image !!!

Je vous mets une partie du code:

Code:

---

1 2 3 4 5 6 7 8

<div class="header-container"> <img src="<?php echo $this->getSkinUrl('images/1245.png'); ?>" style="float: left;" alt=""> <div class="header"> <div class="header-row"> <?php echo $this->getChildHtml('currency') ?> <?php echo $this->getChildHtml('store_language') ?> <div class="clear"></div> </div>

---

Merci pour votre aide.

Bonjour,
une IMG est élément inline par défaut, la suite sur
:faq: Pourquoi je ne peux pas enlever l'espacement sous mon image ?

Bonjour,

Merci pour ton aide, mais même avec ce code ça ne fonctionne pas:

Code:

---

1 2 3 4 5 6 7 8

<div class="header-container"> <img src="<?php echo $this->getSkinUrl('images/1245.png'); ?>" style="display:block;" alt=""> <div class="header"> <div class="header-row"> <?php echo $this->getChildHtml('currency') ?> <?php echo $this->getChildHtml('store_language') ?> <div class="clear"></div> </div>

---

http://img87.imageshack.us/img87/774...20210h1739.jpg

Pourquoi ne pas créer un background?

Bonjour,

Parce que je ne sais pas faire, et je veux faire au plus simple, car c'est une image que je mettrais uniquement quand la société est fermée pour congés.

Merci.

bonjour,

sans garantie, mais essaye comme ceci :

Code:

---

1 2	<div class="header-container"><img src="<?php echo $this->getSkinUrl('images/1245.png'); ?>" alt="" /><div class="header">

---

supprime les retours chariots avant et après la balise img, et enlève l'attribut style.

Tu n'aurais pas défini des marges (margin) dans tes balises div ?

Bonjour,

Merci pour ton aide, mais ça ne change rien avec ce code:

Code:

---

1 2 3 4 5 6 7 8

<div class="header-container"> <img src="<?php echo $this->getSkinUrl('images/1245.png'); ?>" alt="" /> <div class="header"> <div class="header-row"> <?php echo $this->getChildHtml('currency') ?> <?php echo $this->getChildHtml('store_language') ?> <div class="clear"></div> </div>

---

Bonjour à tous,

C'est bon je viens de réussir, grâce à vous qui m'avez mis sur la piste.
Mais c'est vrai que j'aurais préféré trouvé une méthode pour ne pas effacer une partie du code, comment on fait pour "commenter" du code afin qu'il ne soit pas pris en compte?
Merci.

Le code avant:

Code:

---

1 2 3 4 5 6 7 8

<div class="header-container"> <img src="<?php echo $this->getSkinUrl('images/123.jpg'); ?>" alt="" /> <div class="header"> <div class="header-row"> <?php echo $this->getChildHtml('currency') ?> <?php echo $this->getChildHtml('store_language') ?> <div class="clear"></div> </div>

---

Le code après:

Code:

---

1 2 3

<div class="header-container"> <img src="<?php echo $this->getSkinUrl('images/123.jpg'); ?>" alt="" /> <div class="header">

---

Le résultat:
http://img201.imageshack.us/img201/1...20213h5110.jpg

J'ai un peu de mal avec le code avant et le code après, si l'on considère les 3 premières lignes, je ne vois pas de différence!

Pour le faire disparaître il te suffit de mettre ton IMG, ou ta DIV, en display:none sans aucune modification du code.

Citation:

---

Envoyé par NoSmoking

J'ai un peu de mal avec le code avant et le code après, si l'on considère les 3 premières lignes, je ne vois pas de différence!

Pour le faire disparaître il te suffit de mettre ton IMG, ou ta DIV, en display:none sans aucune modification du code.

---

Oui tu as raison, je me suis mal expliqué, en fait j'ai carrément supprimé de ligne 4 à 8.
Mais j'aurais préféré les laisser dans le code, mais qu'elles ne soient pas prise en compte.
Comment faire?
Merci.

Comme je disais tu mets un display:none dessus le temps que tu ne les utilises pas.

La question que l'on peut se poser est pourquoi les mettre si quand on les supprime cela ne change rien au contenu de la page.

Mais on parle, on spécule, sans connaitre réellement ce qui se trouve à l'intérieur des ces DIVs n'ayant pas le code complet, ou une page de test.

C'est tout bon, j'ai réussi en mettant ce code:

Code:

---

1 2 3 4 5 6 7 8

<div class="header-container"> <img src="<?php echo $this->getSkinUrl('images/123.jpg'); ?>" alt="" /> <div class="header"> <!-- <div class="header-row"> <?php echo $this->getChildHtml('currency') ?> <?php echo $this->getChildHtml('store_language') ?> <div class="clear"></div> </div> -->

---