La communauté ALL HTML c'est 58420 membres à ce jour dont 0 inscrits aujourd'hui et 25 depuis une semaine.

  • imprimer
  • aide

Forum de discussions « XHTML - HTML - CSS »

Retrouvez les publications relatives à ces discussions dans nos rubriques CSS, HTML, XHTML.

Placer des table les unes par rapport aux autres

liste des forums liste des discussions Participer à la discussion

Photo de IyF Message publié le mercredi 02 juillet 2008 à 12 h 27 par IyF.
Bonjour,
je voudrais un peu d'aide concernant les table. Mon soucis est que je n'arrive pas a mettre une table (2x3) au dessus d'une table (1x1), ni une autre table (1x2) a droite des deux précédentes et encore moins une derniere (1x1) sous la (1x2). Pour mieux comprendre voila un petit SCHEMA

Je n'arrive pas a organiser mes tables. Quelqu'un peut t'il m'aider ?
Photo de sprayart Message publié le mercredi 02 juillet 2008 à 13 h 13 par sprayart.
Bonjour,
il faut que tu raisonnes en table intégrée : une grande table avec 2colonnes puis dans la colonne de droite une autre table qui contient 2 lignes une table en haut et une table en bas et ....... A+
Photo de IyF Message publié le mercredi 02 juillet 2008 à 14 h 02 par IyF.
Ok merci bien pour le raisonnement ! Après dans la pratique comment je note ça ? Parce que j'ai deja essayer de faire comme tu m'indique mais j'ai toujours eu un décalage de ce style [URL="http://www.intox-gaming.com/table2.jpg"]ICI[/URL]
Photo de IyF Message publié le mercredi 02 juillet 2008 à 15 h 42 par IyF.
Bon j'ai fait la colone de gauche :
[CODE] <body bgcolor="#FFFFFF"> <center> <tr> <table width="1000" border="0" cellspacing="0" cellpadding="0"> <tr> <table width="200" border="0" cellspacing="0" cellpadding="0"> <td width="100" height="120"><img src="images/rooster1.jpg" width="100" height="120"></td> <td width="100" height="120"><img src="images/rooster2.jpg" width="100" height="120"></td> </tr> <tr> <td width="100" height="120"><img src="images/rooster3.jpg" width="100" height="120"></td> <td width="100" height="120"><img src="images/rooster4.jpg" width="100" height="120"></td> </tr> <tr> <td width="100" height="120"><img src="images/rooster5.jpg" width="100" height="120"></td> <td width="100" height="120"><img src="images/rooster6.jpg" width="100" height="120"></td> </tr> </table> </td></tr> <tr> <table width="200" border="0" cellspacing="0" cellpadding="0"> <td width="200" background="images/back-shout.jpg"><center><? include("shoutbox.php"); ?></center></td> </table> </tr> </td> </table> [/CODE]

Je vous donne l'aperçu [URL=http://www.clan-osmose.com]ICI[/URL]
Simplement je n'arrive pas a placer les deux blocs tout en bas a droite pour faire mes tables 3 et 4. Une idée ? :)
Photo de formy Message publié le mercredi 02 juillet 2008 à 16 h 05 par formy. S'il n'y a pas de solution, c'est qu'il n'y a pas de problème.
Bonjour,

Il y a un gros problème dans ton code : des balises ouvertes qui ne sont pas fermées et inversement.

En HTML, toute balise ouverte est censé être fermée (à quelques exceptions près).
Il faut aussi respecter un certain ordre :

<table>
<tr>
<td></td>
</tr>
</table>

Tu sais probablement que l'utilisation des tables est à éviter pour structurer une page web ? en général on utilise les tables pour afficher des données (statistiques, classement,... ce genre de choses).

Comme tu ne vas probablement pas changer toute ta page pour gérer la structure en CSS, voici ce que tu pourrais faire pour positionner tes tables 1 à 4.


<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top">
<!-- Table 1 -->
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<!-- Table 2 -->
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td></td>
</tr>
</table>
</td>
<td valign="top">
<!-- Table 3 -->
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td></td>
<td></td>
</tr>
</table>
<!-- Table 4 -->
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
</table>


Une "grande" table à 2 colonnes qui contient tes tables 1 à 4.
Les tables 1 et 2 sont dans la colonne gauche de la "grande" table.
Les tables 3 et 4 sont dans la colonne droite de la "grande" table.


L'idéal étant d'utiliser des blocs (DIV) que tu positionnes à l'aide d'une feuille de style (CSS).
Photo de IyF Message publié le mercredi 02 juillet 2008 à 16 h 38 par IyF.
Ok merci c'est génial ! Merci du coup de pouce et de vos conseils ! Cela ma été d'une graaaaaande aide !

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

ACCÉS COMMUNAUTÉ

Mot de passe perdu

Rejoignez ALL HTML

Publiez vos articles, actualités, communiqués ... Donnez votre avis, partagez votre réseau, rencontrez d'autres membres et participez à la vie de la communauté.

Créer un compte

Les 5 dernières discussions