HTML - Table : Pb centrage vertical

Fermé

jakkihm Messages postés 134 Date d'inscription vendredi 13 octobre 2006 Statut Membre Dernière intervention 17 mai 2016 - 27 déc. 2007 à 00:15
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 27 déc. 2007 à 01:52

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 :

<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
Html download - Télécharger - HTML
Image cliquable html ✓ - Forum Réseaux sociaux

1 réponse

Réponse 1 / 1

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
27 déc. 2007 à 01:52

Bonjour,

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

--

Discussions similaires

Table des matières dont les titres n'apparaissent pas..

&nbsp ; Quelle Fonction ?

Espace en HTML

la balise <br> ou <br />

Intégrer une table des annexes et des matières sur word

Discussions similaires

Newsletters