[HTML] Problème de tableau

Version imprimable

20/12/2005, 08h12
Roromix

[HTML] Problème de tableau

Bonjour à tous, donc voici mon probléme.

Tout dabord voila mon code de mise en page :

Citation:

<html>
<head>
<title>Squelette</title>
</head>
<body leftmargin="5" topmargin="0">
<table cellspacing="0" cellpadding="0">
<tr>
<td height="50">
<table cellspacing="0" cellpadding="0" height="100">
<tr>
<td><img src="mn_l.gif" title=" #Bêta# "></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td align="center">$pseudo [<a href="logout.php">Logout</a>]</td>
</tr>
</table>
</td>
<td width="1" bgcolor="#a6a6a6" rowspan="7"><img src="images/spacer.gif" width="1" height="1"></td>
<td height="50" background="mn_b.gif"></td>
<td width="600" height="500" rowspan="6">PAGE</td>
<td background="mn_bd.gif" width="15" rowspan="7"></td>
<td width="1" bgcolor="#a6a6a6" rowspan="7"></td>
</tr>
<tr>
<td><img src="mn_t.gif"></td>
<td><img src="mn_tp.gif"></td>
</tr>
<tr>
<td height="50">
<div align="center">
<table width="115" border="0">
<tr>
<td height="5"></td>
</tr>
<tr>
<td><img src="mn_p.gif"></td><td><a href="">Link</a></td>
</tr>
<tr>
<td><img src="mn_p.gif"></td><td><a href="">Link</a></td>
</tr>
<tr>
<td><img src="mn_p.gif"></td><td><a href="">Link</a></td>
</tr>
<tr>
<td><img src="mn_p.gif"></td><td><a href="">Link</a></td>
</tr>
<tr>
<td height="5"></td>
</tr>
</table>
</div>
</td>
<td background="mn_b.gif"></td>
</tr>
<tr>
<td><img src="mn_t.gif"></td>
<td><img src="mn_tp.gif"></td>
</tr>
<tr>
<td height="50">
<div align="center">
<table width="115" border="0">
<tr>
<td height="5"></td>
</tr>
<tr>
<td><img src="mn_p.gif"></td><td><a href="">Link</a></td>
</tr>
<tr>
<td><img src="mn_p.gif"></td><td><a href="">Link</a></td>
</tr>
<tr>
<td><img src="mn_p.gif"></td><td><a href="">Link</a></td>
</tr>
<tr>
<td><img src="mn_p.gif"></td><td><a href="">Link</a></td>
</tr>
<tr>
<td height="5"></td>
</tr>
</table>
</div>
</td>
<td height="50" background="mn_b.gif" rowspan="3"></td>
</tr>
<tr>
<td>space<td>
</tr>
<tr>
<td height="20">
<div align="center">
<table width="115" border="0">
<tr>
<td height="5"></td>
</tr>
<tr>
<td align="center">NWD</td>
</tr>
</table>
</div>
</td>
<td>copyright</td>
</tr>
</table>
</body>
</html>

Donc voila, si vous utiliser mon code, vous devez obtenir un tableau avec un menu sur le coté gauche, un contenu au milieu et une bordure sur le coté droit. Et le problème c'est que quand j'augmente la hauteur de ma cellule (ROUGE), ce sont toutes les cellules du menu qui sont agrandi elles aussi, et en fait j'aurai voulu qu'il n'y est que la cellule (BLEU) qui prenne tout pour elle.

Merci d'avance pour toutes vos réponses.
20/12/2005, 10h49
taly

pourquoi tu ne mets pas simplement un height="xx" dans le td concerné :

<tr>
<td height="50">space<td>
</tr>
20/12/2005, 10h55
Roromix

bah je peut mettre un height assez grand pour que quand ma cellule de contenu fait 500px de haut tout soit bien positionné mais quand ma cellule de contenu fera plus de 500px de haut tout sera de nouveau décalé. (J'ai testé)
20/12/2005, 12h34
francis m
ben oui ca c'est le problème de la mise en page par tableau
à mon avis tu as deux solutions pour le régler
- la meilleure : ne pas faire de mise en page par tableau, créer deux divs : un à gauche en float:left contenant ton menu, un à droite avec ton contenu. Si le contenu augmente en taille, il n'y aura pas de répercussion sur le div de gauche
- en restant avec des tableaux : créer un tableau de deux colonnes et une ligne (donc deux celulles côte à côte). La cellule de gauche contient un autre tableau qui est celui de ton menu. La cellule de droite contient un troisième tableau avec ton contenu. Sur le fond cela ressemble à la première solution, sauf que tu as des tableaux imbriqués, ce qui est autorisé mais pas vraiment adéquat à une mise en page
20/12/2005, 13h37
Roromix

Merci pour vos réponses

Je vais tester les deux solutions dans l'aprés-midi, je vous dirai laquelle j'aurai retenue mais à mon avis les tableaux imbriqués sera la meilleure solution.Enfin, faut que j'essaye.

Et pour ce qui est des deux DIV, ils servent juste à séparer les tableaux !? Je peux mettre des tableaux dedans de toute maniére ?! Car ce que vous me proposer c'est du XHTML je crois et je n'ai jamais trop mit mon nez la dedans (je sais, il faudrai que je m'y mette).

Encore merci...