Problème mise en page tableau

**brotelle** · 26/04/2006, 10h48

Bonjour,

J'ai un gros problème pour la mise en page de mon tableau, en fait j'ai mise deux tableaux dans un tableau (c'était plus simple pour aligner les deux tableaux) et un des deux tableau ne veut pas se mettre "tout en haut".

Voici mon code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<link href="styles_css/renault.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="500" border="1" cellspacing="0" cellpadding="0" align="left">
<td>
<table width="150" border="1" height="440" cellspacing="0" cellpadding="8" align="left">

<tr align="left">
<td><a href="images/photos_vehicules/photo_1_5242.jpg" rel="lightbox[roadtrip]"><img src="images/photos_vehicules_vignettes/photo_1_5242.jpg" alt="Peugeot 307 1" width="150" height="110" border="0" align="middle"/></a> </td>
</tr>
<tr align="left">
<td><a href="images/photos_vehicules/photo_2_5242.jpg" rel="lightbox[roadtrip]"><img src="images/photos_vehicules_vignettes/photo_2_5242.jpg" alt="Peugeot 307 2" width="150" height="110" border="0" align="middle"/></a> </td>
</tr>
<tr align="left">
<td><a href="images/photos_vehicules/photo_3_5242.jpg" rel="lightbox[roadtrip]"><img src="images/photos_vehicules_vignettes/photo_3_5242.jpg" alt="Peugeot 307 3" width="150" height="110" border="0" align="middle"/></a> </td>
</tr>
<tr align="left">
<td><img src="images/Recherches/vide.jpg" width="150" height="110"/> </td>
</tr>
</table>
</td>
<td><table width="350" border="1" cellspacing="0" cellpadding="1" align="right" class="tableau">
<tr align="center">
<th colspan="2" bgcolor="#999999" align="center" class="liste">Détails véhicule</th>
</tr>
<tr align="left">
<td>Kilométrage</td>
<td>60800 Km </td>
</tr>
<tr align="left">
<td>Immatriculation</td>
<td>bhbjgjh</td>
</tr>
<tr align="left">
<td>Couleur</td>
<td>Violet </td>
</tr>
<tr align="left">
<td>1ère mise en circulation</td>
<td>22/11/2001</td>
</tr>
<td>Nombre de portes</td>
<td>5 portes </td>
</tr>
<tr align="left">
<td>Nombre de places</td>
<td>5 places </td>
</tr>
<tr align="left">
<th colspan="2" bgcolor="#999999" align="center" class="liste">Motorisation</th>
</tr>
<tr align="left">
<td>Boîte de vitesse</td>
<td>Manuelle</td>
</tr>
<tr align="left">
<td>Chevaux fiscaux</td>
<td>5 ch </td>
</tr>
<tr align="left">
<td>Puissance</td>
<td>90 ch </td>
</tr>
<tr align="left">
<td>Energie</td>
<td>Gasoil </td>
</tr>
<tr align="left">
<th colspan="2" bgcolor="#999999" align="center" class="liste">Equipements</th>
</tr>
<tr align="left" class="equip"><th colspan="2">Série</th></tr><br/><tr align="left" class="th_liste"><th colspan="2" align="left">Rétroviseurs électriques et degivrants</th></tr><tr align="left" class="th_liste"><th colspan="2" align="left">Projecteurs Antibrouillards</th></tr><tr align="left" class="th_liste"><th colspan="2" align="left">Radio CD cdes au volant</th></tr><tr align="left" class="th_liste"><th colspan="2" align="left">Climatisation automatique</th></tr><tr align="left" class="th_liste"><th colspan="2" align="left">6 Airbag</th></tr> </table>
</td>
</table>
</body>
</html>

C'est le tableau qui affiche la description du véhicule qui ne fonctionne pas

Aidez-moi svp!

**Ayana** · 26/04/2006, 11h04

Il suffit de rajouter valign="top"

**Tipoun** · 26/04/2006, 11h04

Ca va être dur d'aligner les deux tableaux...

Il vaut mieux faire quelque chose dans ce genre :

<table>

<tr><td>Titre</td><td>
<table>..............</table>
</td></tr>

<tr><td>Titre</td><td>
<table>..............</table>
</td></tr>

</table>

**brotelle** · 26/04/2006, 11h13

J'ai essayé avec valgin="top" mais ça ne marche pas pour tous les véhicules, je comprends pas! pourtant il y a le même nombre d'images!!

**Ayana** · 26/04/2006, 11h16

Tu ne l'as peut-être pas mis au bon endroit.

Tu veux aligner les 2 tableaux en haut du tableau dans lequel ils sont ou tu veux juste aligner l'un des 2 petits tableaux ???

Mets-nous la modif que tu as faite s'il te plaît.

**brotelle** · 26/04/2006, 11h18

J'aimerais aligner les deux tableaux en haut du tableau dans lequel ils sont

Voilà mon code modifié :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<link href="styles_css/renault.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="500" border="1" cellspacing="0" cellpadding="0" align="left">
<td valign="top">
<table width="150" border="1" height="440" cellspacing="0" cellpadding="8" align="left">

<tr align="left">
<td><a href="images/photos_vehicules/photo_1_5242.jpg" rel="lightbox[roadtrip]"><img src="images/photos_vehicules_vignettes/photo_1_5242.jpg" alt="Peugeot 307 1" width="150" height="110" border="0" align="middle"/></a> </td>
</tr>
<tr align="left">
<td><a href="images/photos_vehicules/photo_2_5242.jpg" rel="lightbox[roadtrip]"><img src="images/photos_vehicules_vignettes/photo_2_5242.jpg" alt="Peugeot 307 2" width="150" height="110" border="0" align="middle"/></a> </td>
</tr>
<tr align="left">
<td><a href="images/photos_vehicules/photo_3_5242.jpg" rel="lightbox[roadtrip]"><img src="images/photos_vehicules_vignettes/photo_3_5242.jpg" alt="Peugeot 307 3" width="150" height="110" border="0" align="middle"/></a> </td>
</tr>
<tr align="left">
<td><img src="images/Recherches/vide.jpg" width="150" height="110"/> </td>
</tr>
</table>
</td>
<td valign="top"><table width="350" border="1" cellspacing="0" cellpadding="1" align="right" class="tableau">
<tr align="center">
<th colspan="2" bgcolor="#999999" align="center" class="liste">Détails véhicule</th>
</tr>
<tr align="left">
<td>Kilométrage</td>
<td>60800 Km </td>
</tr>
<tr align="left">
<td>Immatriculation</td>
<td>bhbjgjh</td>
</tr>
<tr align="left">
<td>Couleur</td>
<td>Violet </td>
</tr>
<tr align="left">
<td>1ère mise en circulation</td>
<td>22/11/2001</td>
</tr>
<td>Nombre de portes</td>
<td>5 portes </td>
</tr>
<tr align="left">
<td>Nombre de places</td>
<td>5 places </td>
</tr>
<tr align="left">
<th colspan="2" bgcolor="#999999" align="center" class="liste">Motorisation</th>
</tr>
<tr align="left">
<td>Boîte de vitesse</td>
<td>Manuelle</td>
</tr>
<tr align="left">
<td>Chevaux fiscaux</td>
<td>5 ch </td>
</tr>
<tr align="left">
<td>Puissance</td>
<td>90 ch </td>
</tr>
<tr align="left">
<td>Energie</td>
<td>Gasoil </td>
</tr>
<tr align="left">
<th colspan="2" bgcolor="#999999" align="center" class="liste">Equipements</th>
</tr>
<tr align="left" class="equip"><th colspan="2">Série</th></tr><br/><tr align="left" class="th_liste"><th colspan="2" align="left">Rétroviseurs électriques et degivrants</th></tr><tr align="left" class="th_liste"><th colspan="2" align="left">Projecteurs Antibrouillards</th></tr><tr align="left" class="th_liste"><th colspan="2" align="left">Radio CD cdes au volant</th></tr><tr align="left" class="th_liste"><th colspan="2" align="left">Climatisation automatique</th></tr><tr align="left" class="th_liste"><th colspan="2" align="left">6 Airbag</th></tr> </table>
</td>
</table>
</body>
</html>

**brotelle** · 26/04/2006, 11h42

Je sais que si vous testez comme ça vous verrez que les deux tableaux sont bien alignés en haut, mais suivant les véhicules que j'affiche il y en a chez qui les tableaux sont alignés et chez d'autres non....
Je reste vraiment bouche bée

**Ayana** · 26/04/2006, 11h43

Tu as une balise qui traine en trop (br/)!!! Il faut l'enlever (et garder les valign=top).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<tr align="left" class="equip"><th colspan="2">Série</th></tr><br/><tr align="left" class="th_liste"><th colspan="2" align="left">Rétroviseurs électriques et degivrants</th></tr><tr align="left" class="th_liste"><th colspan="2" align="left">Projecteurs Antibrouillards</th></tr><tr align="left" class="th_liste"><th colspan="2" align="left">Radio CD cdes au volant</th></tr><tr align="left" class="th_liste"><th colspan="2" align="left">Climatisation automatique</th></tr><tr align="left" class="th_liste"><th colspan="2" align="left">6 Airbag</th></tr> </table>

Et essaie de bien indenter, ça rend le travail plus facile pour faire des tableaux, s'y retrouver dans les lignes et colonnes et trouver les erreurs

**Ayana** · 26/04/2006, 11h44

Envoyé par brotelle

Je sais que si vous testez comme ça vous verrez que les deux tableaux sont bien alignés en haut, mais suivant les véhicules que j'affiche il y en a chez qui les tableaux sont alignés et chez d'autres non....
Je reste vraiment bouche bée

Faux, chez moi ça ne marchait pas correctement, car je n'ai pas les images