HTML - Table : Pb centrage vertical
jakkihm
Messages postés
141
Statut
Membre
-
Gihef Messages postés 5165 Statut Contributeur -
Gihef Messages postés 5165 Statut Contributeur -
Bonjour,
J'ai créé un tableau contenant 2 autres tableaux. Dans le tableau de gauche figure plusieurs photos, et
dans le tableau de droite une seule photo est insérée. Toutefois le résultat que j'obtiens ne me convient
pas, car la photo dans le tableau de droite n'apparaît pas en haut à la même hauteur que la 1ère photo du
tableau de gauche. En fait, le tableau de droite semble être centré verticalement.
Même en indiquant valign="top" cela n'y a rien changé.
Voici mon code :
Merci !
J'ai créé un tableau contenant 2 autres tableaux. Dans le tableau de gauche figure plusieurs photos, et
dans le tableau de droite une seule photo est insérée. Toutefois le résultat que j'obtiens ne me convient
pas, car la photo dans le tableau de droite n'apparaît pas en haut à la même hauteur que la 1ère photo du
tableau de gauche. En fait, le tableau de droite semble être centré verticalement.
Même en indiquant valign="top" cela n'y a rien changé.
Voici mon code :
<table border="0"> <tr> <td> <table border="0"> <tr> <td>Main Title</td> </tr> <tr> <td>Subtitle 1</td> </tr> <tr> <td>gallery 1</td> </tr> <tr> <td>Subtitle 2</td> </tr> <tr> <td>gallery 2</td> </tr> <tr> <td>Subtitle 3</td> </tr> <tr> <td>gallery 3</td> </tr> </table> </td> <td> <table border="0"> <tr> <td>Picture</td> </tr> </table> </td> </tr> </table>
Merci !
A voir également:
- HTML - Table : Pb centrage vertical
- Table ascii - Guide
- Table des matières word - Guide
- Editeur html - Télécharger - HTML
- Table des caractères - Guide
- Table des annexes word ✓ - Forum Word
1 réponse
Bonjour,
Tu n'as pas besoin de tous ces tableaux.
Essaye
++
http://fr.selfhtml.org/html/tableaux/index.htm
--
Tu n'as pas besoin de tous ces tableaux.
Essaye
<table border="0" style="border:2px solid #f88;">
<tr>
<td>
<table border="0" style="border:2px solid #88f;">
<tr><td>Main Title</td></tr>
<tr><td>Subtitle 1</td></tr>
<tr><td>gallery 1</td></tr>
<tr><td>Subtitle 2</td></tr>
<tr><td>gallery 2</td></tr>
<tr><td>Subtitle 3</td></tr>
<tr><td>gallery 3</td></tr>
</table>
</td>
<td rowspan="7" style="vertical-align:top; border:2px dashed #0f0;">Picture</td>
</tr>
</table>
Voire <table border="0" style="border:2px solid #f88;">
<tr>
<td>Main Title</td>
<td rowspan="7" style="vertical-align:top; border:2px dashed #0f0;">Picture</td>
</tr>
<tr><td>Subtitle 1</td></tr>
<tr><td>gallery 1</td></tr>
<tr><td>Subtitle 2</td></tr>
<tr><td>gallery 2</td></tr>
<tr><td>Subtitle 3</td></tr>
<tr><td>gallery 3</td></tr>
</table>
++
http://fr.selfhtml.org/html/tableaux/index.htm
--