alignement vertical cellules html [tableau]

alignement vertical cellules html [tableau] - HTML/CSS - Programmation

Marsh Posté le 26-04-2007 à 17:48:16    

bonjour à tous,
voici mon problème en image, je souhaite faire ceci comme mise en page à l'aide d'un tableau :
http://jonathanmonfroy.free.fr/tableau01.gif
mais le problème, c'est que j'obtiens ça :
http://jonathanmonfroy.free.fr/tableau02.gif
alors que ma page est censée s'arrêtée au trait jaune...
 
voici mon code sans les détails :
 
<TR><TD width=1024 height=660>
<IMG width=211 height=462  border=0>
<br><IMG width=77 height=59  border=0><IMG width=134 height=59  border=0>
<br><IMG width=211 height=139  border=0></TD>
<TD width=813 height=660>
<IMG width=813 height=660  border=0></TD></TR>
 
Quel est le problème (je ne m'y connais pas beaucoup en HTML..et je fais tout à la main, je préfère car c'est propre...) ?
merci


---------------
Un jour viendra, l'élève dépassera le maître...
Reply

Marsh Posté le 26-04-2007 à 17:48:16   

Reply

Marsh Posté le 26-04-2007 à 17:59:13    

1_ C'est quoi tes nombres, des prunes, des pommes, non des pixels, alors dis le à la machine :o
2_ with, height, border c'est à mettre dans du CSS
3_ Ce sont des données tabulaires qui seront dans ton tableau ? si non : Fait ça proprement sans tableaux.... :o
 
et puis voilà ;) :D

Reply

Marsh Posté le 26-04-2007 à 18:03:30    

en fait je veux pas me faire chier avec du css, sachant que ça marche très bien comme ça..
- je vais essayer sans tableau, c vrai ;)
voici le code complet :
 
<!Jo>
<html>
<head>
<title>Galerie illustrations</title>
</head>
<body bgcolor="#000000" link="#ff0000" vlink="#ffffff" text="#000000"  topmargin=0 leftmargin=0>
<a name=top></a>
 
<center>
<TABLE cellSpacing=0 cellPadding=0 border=0>
 
<TR><TD width=1024 height=170><img height=170  
      src="http://lapoesiedurien.free.fr/commun/titreillustrations.jpg" width=1024 border=0></TD></TR>    
 
<TR><TD width=1024 height=660><map name="map473">
<area shape="rect" coords="189,412,206,432" href="http://lapoesiedurien.free.fr/illustrations_suiv01/illustrations_23/illustrations_23.html">
<area shape="rect" coords="159,412,176,432" href="http://précédente">
<area shape="rect" coords="34,402,63,430" href="http://lapoesiedurien.free.fr/illustrations/illustrations_22/illustrations_22.html">
<area shape="rect" coords="148,370,166,389" href="http://lapoesiedurien.free.fr/illustrations/illustrations_21/illustrations_21.html">
<area shape="rect" coords="66,361,87,379" href="http://lapoesiedurien.free.fr/illustrations/illustrations_20/illustrations_20.html">
<area shape="rect" coords="110,355,132,379" href="http://lapoesiedurien.free.fr/illustrations/illustrations_19/illustrations_19.html">
<area shape="rect" coords="23,344,47,366" href="http://lapoesiedurien.free.fr/illustrations/illustrations_18/illustrations_18.html">
<area shape="rect" coords="172,332,189,349" href="http://lapoesiedurien.free.fr/illustrations/illustrations_17/illustrations_17.html">
<area shape="rect" coords="104,317,125,338" href="http://lapoesiedurien.free.fr/illustrations/illustrations_16/illustrations_16.html">
<area shape="rect" coords="44,283,66,306" href="http://lapoesiedurien.free.fr/illustrations/illustrations_15/illustrations_15.html">
<area shape="rect" coords="136,247,161,272" href="http://lapoesiedurien.free.fr/illustrations/illustrations_14/illustrations_14.html">
<area shape="rect" coords="25,230,42,247" href="http://lapoesiedurien.free.fr/illustrations/illustrations_13/illustrations_13.html">
<area shape="rect" coords="72,228,93,251" href="http://lapoesiedurien.free.fr/illustrations/illustrations_12/illustrations_12.html">
<area shape="rect" coords="10,198,34,223" href="http://lapoesiedurien.free.fr/illustrations/illustrations_11/illustrations_11.html">
<area shape="rect" coords="157,190,176,209" href="http://lapoesiedurien.free.fr/illustrations/illustrations_10/illustrations_10.html">
<area shape="rect" coords="117,162,140,183" href="http://lapoesiedurien.free.fr/illustrations/illustrations_09/illustrations_09.html">
<area shape="rect" coords="55,145,85,173" href="http://lapoesiedurien.free.fr/illustrations/illustrations_08/illustrations_08.html">
<area shape="rect" coords="183,136,200,155" href="http://lapoesiedurien.free.fr/illustrations/illustrations_07/illustrations_07.html">
<area shape="rect" coords="144,130,161,147" href="http://lapoesiedurien.free.fr/illustrations/illustrations_06/illustrations_06.html">
<area shape="rect" coords="19,87,38,105" href="http://lapoesiedurien.free.fr/illustrations/illustrations_05/illustrations_05.html">
<area shape="rect" coords="93,81,114,102" href="http://lapoesiedurien.free.fr/illustrations/illustrations_04/illustrations_04.html">
<area shape="rect" coords="144,73,166,96" href="http://lapoesiedurien.free.fr/illustrations/illustrations_03/illustrations_03.html">
<area shape="rect" coords="29,47,49,68" href="http://lapoesiedurien.free.fr/illustrations/illustrations_02/illustrations_02.html">
<area shape="rect" coords="166,18,189,41" href="http://lapoesiedurien.free.fr/illustrations/illustrations_01/illustrations_01.html">
</map><IMG height=462  
      src="http://lapoesiedurien.free.fr/commun/boutons01.jpg" width=211 border=0 usemap="#map473"><br><a  
      onMouseOver="document.boutonslibellule.src='http://lapoesiedurien.free.fr/commun/boutonslibelluleon.jpg';"  
      onMouseOut="document.boutonslibellule.src='http://lapoesiedurien.free.fr/commun/boutonslibelluleoff.jpg';"  
      href="/"><img height=59  
      src="http://lapoesiedurien.free.fr/commun/boutonslibelluleoff.jpg" width=77 border=0 name=boutonslibellule></a><img height=59  
      src="http://lapoesiedurien.free.fr/commun/boutonsaccueil.jpg" width=134 border=0><br><img height=139  
      src="http://lapoesiedurien.free.fr/commun/boutonsbas.jpg" width=211 border=0></TD>
<TD width=813 height=660><img height=660  
      src="img36.jpg" width=813 border=0></TD></TR>
 
<tr>
<td width=1024 height=152>
<map name="map576">
<area shape="rect" coords="34,36,140,62" href="http://lapoesiedurien.free.fr/galeries/galeries.html">
</map>
<img width=1024 height=152 border=0 src="http://lapoesiedurien.free.fr/commun/pagebasretour.jpg" usemap="#map576">
</td>
</tr>
 
</TABLE>
</center>
 
<a name=bottom></a>
</body>
</html>

Reply

Marsh Posté le 26-04-2007 à 18:06:21    

je viens de réfléchir 2s, c'est impossible sans tableau : je ne peux pas mettre tout à la suite...
je cherche désespèrément la solution partout..et c'est simple en plus !! je le sens..

Reply

Marsh Posté le 26-04-2007 à 18:24:23    

Bon, j'ai trouvé tout seul : j'ai simplement créé 3 tableaux distincts pour les trois groupes de ma page et ça marche :
 
<!Jo>
<html>
<head>
<title>Galerie illustrations</title>
</head>
<body bgcolor="#000000" link="#ff0000" vlink="#ffffff" text="#000000"  topmargin=0 leftmargin=0>
<a name=top></a>
 
<center>
<TABLE cellSpacing=0 cellPadding=0 border=0>
 
<TR><TD width=1024 height=170><img height=170  
      src="http://lapoesiedurien.free.fr/commun/titreillustrations.jpg" width=1024 border=0></TD></TR>    
</TABLE>
 
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR><TD width=211 height=660><map name="map473">
<area shape="rect" coords="189,412,206,432" href="http://lapoesiedurien.free.fr/illustrations_suiv01/illustrations_23/illustrations_23.html">
<area shape="rect" coords="159,412,176,432" href="http://précédente">
<area shape="rect" coords="34,402,63,430" href="http://lapoesiedurien.free.fr/illustrations/illustrations_22/illustrations_22.html">
<area shape="rect" coords="148,370,166,389" href="http://lapoesiedurien.free.fr/illustrations/illustrations_21/illustrations_21.html">
<area shape="rect" coords="66,361,87,379" href="http://lapoesiedurien.free.fr/illustrations/illustrations_20/illustrations_20.html">
<area shape="rect" coords="110,355,132,379" href="http://lapoesiedurien.free.fr/illustrations/illustrations_19/illustrations_19.html">
<area shape="rect" coords="23,344,47,366" href="http://lapoesiedurien.free.fr/illustrations/illustrations_18/illustrations_18.html">
<area shape="rect" coords="172,332,189,349" href="http://lapoesiedurien.free.fr/illustrations/illustrations_17/illustrations_17.html">
<area shape="rect" coords="104,317,125,338" href="http://lapoesiedurien.free.fr/illustrations/illustrations_16/illustrations_16.html">
<area shape="rect" coords="44,283,66,306" href="http://lapoesiedurien.free.fr/illustrations/illustrations_15/illustrations_15.html">
<area shape="rect" coords="136,247,161,272" href="http://lapoesiedurien.free.fr/illustrations/illustrations_14/illustrations_14.html">
<area shape="rect" coords="25,230,42,247" href="http://lapoesiedurien.free.fr/illustrations/illustrations_13/illustrations_13.html">
<area shape="rect" coords="72,228,93,251" href="http://lapoesiedurien.free.fr/illustrations/illustrations_12/illustrations_12.html">
<area shape="rect" coords="10,198,34,223" href="http://lapoesiedurien.free.fr/illustrations/illustrations_11/illustrations_11.html">
<area shape="rect" coords="157,190,176,209" href="http://lapoesiedurien.free.fr/illustrations/illustrations_10/illustrations_10.html">
<area shape="rect" coords="117,162,140,183" href="http://lapoesiedurien.free.fr/illustrations/illustrations_09/illustrations_09.html">
<area shape="rect" coords="55,145,85,173" href="http://lapoesiedurien.free.fr/illustrations/illustrations_08/illustrations_08.html">
<area shape="rect" coords="183,136,200,155" href="http://lapoesiedurien.free.fr/illustrations/illustrations_07/illustrations_07.html">
<area shape="rect" coords="144,130,161,147" href="http://lapoesiedurien.free.fr/illustrations/illustrations_06/illustrations_06.html">
<area shape="rect" coords="19,87,38,105" href="http://lapoesiedurien.free.fr/illustrations/illustrations_05/illustrations_05.html">
<area shape="rect" coords="93,81,114,102" href="http://lapoesiedurien.free.fr/illustrations/illustrations_04/illustrations_04.html">
<area shape="rect" coords="144,73,166,96" href="http://lapoesiedurien.free.fr/illustrations/illustrations_03/illustrations_03.html">
<area shape="rect" coords="29,47,49,68" href="http://lapoesiedurien.free.fr/illustrations/illustrations_02/illustrations_02.html">
<area shape="rect" coords="166,18,189,41" href="http://lapoesiedurien.free.fr/illustrations/illustrations_01/illustrations_01.html">
</map><IMG height=462  
      src="http://lapoesiedurien.free.fr/commun/boutons01.jpg" width=211 border=0 usemap="#map473"><br><a  
      onMouseOver="document.boutonslibellule.src='http://lapoesiedurien.free.fr/commun/boutonslibelluleon.jpg';"  
      onMouseOut="document.boutonslibellule.src='http://lapoesiedurien.free.fr/commun/boutonslibelluleoff.jpg';"  
      href="/"><img height=59  
      src="http://lapoesiedurien.free.fr/commun/boutonslibelluleoff.jpg" width=77 border=0 name=boutonslibellule></a><img height=59  
      src="http://lapoesiedurien.free.fr/commun/boutonsaccueil.jpg" width=134 border=0><br><img height=139  
      src="http://lapoesiedurien.free.fr/commun/boutonsbas.jpg" width=211 border=0></TD>
<TD width=813 height=660><img height=660  
      src="img36.jpg" width=813 border=0></TD></TR>
</TABLE>
 
<TABLE cellSpacing=0 cellPadding=0 border=0>
<tr>
<td width=1024 height=152>
<map name="map576">
<area shape="rect" coords="34,36,140,62" href="http://lapoesiedurien.free.fr/galeries/galeries.html">
</map>
<img width=1024 height=152 border=0 src="http://lapoesiedurien.free.fr/commun/pagebasretour.jpg" usemap="#map576">
</td>
</tr>
</TABLE>
 
</center>
 
<a name=bottom></a>
</body>
</html>

Reply

Marsh Posté le 26-04-2007 à 18:35:50    

Aller et rajoute en 1 autre, et un autre, et encore un...c gratuit, pourquoi pas mettre chaque élément dans un tableau...
:o
 
Heureux que tu ais réglé ton souci ++

Reply

Marsh Posté le 26-04-2007 à 23:26:59    

juste un truc, si tu veux vraiment coder à la main, fais le correctement !
les balises img se ferment <img src="" />
les balises br idem <br />
et tout s'écrit en minuscules !


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed