[XHTML] Table - espace bizarre sous ie

Salut à tous,

j'ai un petit soucis avec ie, j'ai ceci :

Code:

---

1 2 3 4 5 6 7 8

<TABLE cellpadding="0" cellspacing="0" border="1"> <TR> <TD> <IMG SRC="http://temps.blog.lemonde.fr/files/2007/03/noir-et-blanc_1-3.1172910971.jpg"> </TD> </TR> </TABLE>

---

Sous ie il y a un petit espace en dessous l'image, alors que sous FF il n'y a rien. J'ai mis le border à 1 pour mieux voir cet espace.

J'ai essayé les margin, padding... rien à faire ca ne part pas.

Ca m'arangerais vraiment que ca disparaisse...

Merci pour votre aide.

+

Attribuer un display:block à l'image.
Des explications ici.

Ne pas oublier de donner des dimensions à l'image qui permettent d'accélérer la restitution du document dans les navigateurs graphiques...
Et ajouter un alt="" si l'image ne donne aucune information ou alors alt="texte de l'image"

Une explication en français :

Citation:

---

L'image est un élément en ligne (inline), donc le navigateur alloue de la place pour les caractères avec une jambe (y, p, q, g, j ) au texte éventuel qui pourrait se trouver à ses côtés.

Pour éviter cela, il faut transformer l'image en block :

Code:

---

<img src="image.jpg" style="display:block;" />

---

---

ou :

Code:

---

1 2	<img src="image.jpg" style="vertical-align: bottom" />

---

;)

Et je crois même que le DOCTYPE XHTML 1.1 peut supprimer cet espace.

Citation:

---

Envoyé par Auteur

ou :
Et je crois même que le DOCTYPE XHTML 1.1 peut supprimer cet espace.

---

Tu confonds sans doute avec une DTD transitionnal ou pas non?
Cette espace est en effet supprimée au moins sur les principaux navigateurs alternatifs en présence d'un Doctype transitionnal.

Citation:

---

Envoyé par Erwan31

Tu confonds sans doute avec une DTD transitionnal ou pas non?
Cette espace est en effet supprimée au moins sur les principaux navigateurs alternatifs en présence d'un Doctype transitionnal.

---

oui, oui c'est ce que je voulais dire :oops:

Ca marche comme je le souhaitais.

Merci à tous pour votre aide.

++