[XHTML] 1 page séparé en 2 avec 1 tableau à droite et 1 à gauche

Version imprimable

Bonjour,

J'ai 2 tableaux que je veux mettre côte à côte. Ils sont alimentés dynamiquement en fonction des info de la base de données.
Leur nombre de lignes varie.

Y a-t-il plus élégant que de faire ceci.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<table border="0" align="left" width="100%">
	<colgroup>
	<col width="60%">
	<col width="40%">
	</colgroup>
	<tr>
		<td valign="top" align="left">
			<table border="0">
				<colgroup>
				<col width="30%">
				<col width="70%">
				</colgroup>
 
   				<tr>
      				<td><b>Libellé</b> :</td>
	  				<td></td>
   				</tr>
   				<tr>
      				<td><b>Lien</b> :</td>
	  				<td colspan="3">
 
	  				</td>
   				</tr>
			</table>
		</td>
		<td valign="top" align="left">
			<table border="0" align="left" width="100%">
				<tr>
					<td align="left">
						<font color="red">{$messages}</font>
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>

Bon et pourquoi pas les "frame" ?
Merci

29/07/2006, 17h19
Kerod

Hummm on peut utiliser deux div de width:50% mis eux meme dans un div de 100%...Et chacun d'eux avec la propriété float:left :roll:

A tester
29/07/2006, 17h31
lodan

Merci,

Bon cela revient à faire des tableaux.

Et ton hummm me dit "perds pas ton temps mon gars reste avec ce que tu as"

Je ne reprendrai pas ici la discussion sur taleau or not tableau
29/07/2006, 17h33
Kerod

Ben coté xhtml ete tc... c'est pas correct d'utiliser des tableaux pour la mise en forme donc c'est pour ca qu'il faut privilégier les calques...Mais chacun à son avis dessus...Si tu trouves que c'est plus simple pour toi les tableaux...

Kerod,

Je ne sais pas si tu es encore là.

Je veux bien mettre du div, mais voici un exemple :
Code:

1 2 3 4 5 6 7 <div border:thin> <b>Libellé</b> : <input type="text" name="libelle" size="50" value="{$table.libelle}" alt=" nom : Libellé ; test : ; obligatoire:true"> <p></p><b>Lien</b> : <input type="text" name="lien" size="50" value="{$table.lien}" alt=" nom : Lien ; test : ; obligatoire:true"> </div>
Comment je fais dans ce cas pour aligner les 2 input horizontallement.

29/07/2006, 22h26
Kerod

C'est résolu donc je suppose que tu te casses plus la tête dessus :mouarf:

Mais tu peux tout mettre sur une même ligne en utilisant la propriété de style display ;)

Ben oui, j'ai mis ceci dans mon CSS

Code:

1
2
3
div.table { display:table; border-collapse:collapse; }
div.tr { display:table-row; }
div.td { display:table-cell; border:thin; padding:5px; }

Puis dans mon code html, j'ai mis :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
	<div class="tr">
		<div class="td">
			<b>Libellé</b> :
		</div>
		<div class="td">
			<input type="text" name="libelle" size="50" value="{$table.libelle}" alt=" nom : Libellé ; test :  ; obligatoire:true">
		</div>
	</div>	
	<div class="tr">
		<div class="td">
			<b>Table</b> :
		</div>	
		<div class="td">
						<input type="text" name="table" size="50" value="{$table.table}" alt=" nom : Table ; test :  ; obligatoire:true">
		</div>
	</div>
</div>

Et je n'ai plus mal à la tête.

Donc en conclusion : utilisez les div à donf pour plein de raisons comme celle-ci
par exemple.

Merci beaucoup, je n'ai plus qu'a changer toutes mes pages html et le tour est joué.

29/07/2006, 22h44
Kerod

De rien même si je t'ai pas beaucoup aidé :roll: