alignement vertical cellules html [tableau]
alignement vertical cellules html [tableau] - HTML/CSS - Programmation
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 
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....
et puis voilà 
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>
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..
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>
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...
Heureux que tu ais réglé ton souci ++
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
Sujets relatifs:
- Inserer un listbox en html
- Pseudo tableau en CSS
- recherche fonction HTML TO XML
- Récupérer contenu balises HTML
- [HTML] Formulaire et sous division
- [PHP/HTML] Forcer l'affichage progressif de grandes tables sous IE?
- [C]Remplir un tableau d'entiers uniques aléatoirement
- Insérer une Video sur une page HTML
- [Html]Disparition des lignes de cadre
- probleme html js et sql
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 :
mais le problème, c'est que j'obtiens ça :
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...