Structure page HTML

Version imprimable

Structure page HTML

Bonjour,

Soit le code d'une page HTML suivant :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <html> <head> <title>Titre</title> </head> <body style="margin: 0 0 0 0; background-color: #663B2A;"> <center> <table border="0" cellpadding="0" cellspacing="0" style="background-color: #DEBAAC; width: 788px; height: 100%;"> <tr> <td valign="top"> </td> </tr> <tr> <td height="50" valign="bottom"> <img src="../decors/bottom.jpg" width="788" height="50" border="0"> </td> </tr> </table> </center> </body> </html>
L'image presente dans la cellule du bas presente un leger decalage par rapport au bas de la page si j'ecris dans le fichier :
Code:

1 2 3 <td height="50" valign="bottom"> <img src="../decors/bottom.jpg" width="788" height="50" border="0"> </td>
Et elle ne presente pas ce decalage si j'ecris la structure de la façon suivante :

Code:

<td height="50" valign="bottom"><img src="../decors/bottom.jpg" width="788" height="50" border="0"></td>

Quelqu'un saurait-il m'en donner la raison ! Merci d'avance.

07/04/2007, 15h08
blueice

Oui tu as un espace avant l'image !
09/04/2007, 14h58
MasterOfChakhaL
Pour certains navigateurs, le saut de ligne que tu utilises pour rendre ton code plus facile à lire est considéré comme un noeud texte (du point de vue du DOM)

Si ton image est seule dans la cellule, la passer en display: block; (avec css) devrait faire l'affaire.

Si tu n'y tiens pas plus que ca, tu peux écrire ton code ainsi:
Code:

1 2 3 <td><img src="..." alt="..." /></td>
Le saut de ligne étant inclus dans le commentaire, ca sera équivalent à ton deuxième code.

On peut avoir le même genre de souci avec IE quand on écrit une liste de liens (il y a un saut de ligne non désiré qui apparait)