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
A voir également:
- Structure HTML
- Editeur html - Télécharger - HTML
- Structure d'un rapport de stage - Guide
- Logiciel calcul structure bois gratuit - Télécharger - Architecture & Déco
- Word html - Télécharger - Bureautique
- Comment mettre un texte sous une image html - Forum CSS
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
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;">
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
