Structure page HTML

**khalanne** · 07/04/2007, 14h07

Bonjour,

Soit le code d'une page HTML suivant :

Code html :

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
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">&nbsp;</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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

<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.

**blueice** · 07/04/2007, 15h08

Oui tu as un espace avant l'image !

**MasterOfChakhaL** · 09/04/2007, 14h58

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

Structure page HTML

HTML

Discussions similaires

Partager

Partager