Structure HTML
Khalanne
-
coulibaly2 Messages postés 4 Date d'inscription Statut Membre -
coulibaly2 Messages postés 4 Date d'inscription Statut Membre -
Bonjour,
Soit le code d'une page HTML suivant :
<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 :
<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 :
<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.
Soit le code d'une page HTML suivant :
<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 :
<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 :
<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.
Configuration: Windows XP Internet Explorer 6.0
5 réponses
-
Bonjour,
On peut tenter une explication.
Celle qui me vient à l'esprit, c'est que le navigateur que tu utilises a besoin de cette précision, qu'il applique un décalage, une marge dans le <img> par défaut.
As-tu testé dans d'autres navigateurs ?
Chez moi, avec ou sans cette précision, Firefox garde la <table> collée tout en bas.
Safari ou Opera, eux, adaptent en fonction de la hauteur de la page lorsqu'on l'agrandit (collé/pas collé, collé/pas collé… par saccades).
Essaye en ajoutant<body style="margin: 0; padding: 0; background-color: #663b2a;"> -
salu
perso je mi connai po en html mai je suis preuneur de doc pour
apprendre si ta de quoi me renseigner cest simpa merci davance tom du 11
A+ -
J'ai verifier sur differents navigateurs : Opera, Firefox, Opera, Internet Explorer version 7 et 6.
Il semblerait que cela ne se produise que chez Internet Explorer quelque soit la version !
J'ai egalement tenté de rajouter "padding: 0" dans les differentes balises mais sans succes ! -
Ah, le changement de ligne créé un espace, d'où le décalage. Tu pourrais aussi mettre l'image en "background" si ce n'est que du décors.
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
slt moi c'est coulibaly je pense que la structure du html est ça n'est pas ou fait des recherches et ecris moi s'il te plait pour me le verifier
