Structure HTML
Khalanne
-
coulibaly2 Messages postés 3 Date d'inscription Statut Membre Dernière intervention -
coulibaly2 Messages postés 3 Date d'inscription Statut Membre Dernière intervention -
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.
A voir également:
- Structure HTML
- Editeur html - Télécharger - HTML
- Logiciel calcul structure bois gratuit - Télécharger - Architecture & Déco
- Dans la table des matières du document à télécharger, le chapitre 6 et ses 2 sections n'apparaissent pas. trouvez l'erreur dans la structure du document et corrigez-la. mettez à jour la table des matières. quel est le mot formé par les lettres en majuscules de la table des matières après sa mise à jour ? - Forum Word
- Structure d'un rapport de stage - Guide
- Espace html ✓ - Forum HTML
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;">
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+
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 !
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
