[XHTML] Une image dans un tableau me rajoute 2px de haut

Salut,

Je suis en train de créer une sorte de correcteur syntaxique automatique qui transforme du code HTML écrit avec les pieds en XHTML 1.0 Strict.

Ça avance, ça avance MAIS

Je suis tombé sur un os...

Lorsque je déclare une page en XHTML1.0 Strict, le comportement des <td> change. En effet, sous Firefox et safari j'ai une sorte de marge de 2 pixels qui s'ajoute sous une image qui serait le sel contenu de la cellule.

Ayant la Firefox developper toolbar, j'ai pu désactiver les styles progressivement mais rien n'y fait, le seul moyen que j'ai trouvé pour avoir exactement ma tailler de cellule c'est de mettre l'image en arrière plan et fixer la hauteur de la cellule à celle de l'image.

Le fait de fixer la hauteur de l'image ne change rien

voici le code

Code:

---

1 2 3

<td><img src="dqfqsdfqsdfq"></td> <!--ne marche pas--> <td style="background-image:url(dqfqsdfqsdfq);height:80px"></td> <!--marche lorsque la table est en empty-cell:show-->

---

Une idée ?

Merci

Plus Plus

Laurent

Salut,

Si ton image est seule dans son élément, un "display: block;" suffira.
Sinon, un "vertical-align:bottom" marchera aussi. (Permet d'aligner l'image sur la ligne où s'arrête les lettres qui ont une jambe: y, p, q, g...)

Je n'ai pas le temps de faire la recherche, mais ce sujet a été abordé de nombreuses fois sur ce forum...

Salut,

Merci pour ta réponse, meaculpa de ne pas avoir trouvé les précédents threads qui en parlent...

++

Laurent