Voici un code tout simple avec une image de taile 112x84 dans un tableau de même taille contenant une seule cellule dont la couleur de fond est vert. Normalement on ne devrait pas voir le vert car l'image le recouvre, mais sous l'image on a un espace vert que je ne comprends pas. Cela se passe avec le doctype xhtml 1.1 et firefox et netscape.

J'ai une solution pour enlver l'espace mais qui n'est très satifaisante, c'est un peu du bricolage: il faut mettre l'attribut css vertical-align:bottom; pour l'image.

D'ou vient cet espace et comment l'enlever sinon?


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
           "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
 
<head><title>Title here!</title></head>
<body style="border:0px; padding:0px; margin:0px;">
<table style="border:0px; padding:0px; margin:0px; width:112px;
 height:84px;" cellspacing="0">
<tr><td style="border:0px; padding:0px; margin:0px;
 background-color:#00FF00; height:84px; width:112px;">
<img style="border:0px; padding:0px; margin:0px;" src="imagesite/logo.png"
 alt="texte" />
</td></tr>
</table>
</body>
</html>