Discussion :

[lodan]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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

A tester

[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

[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...

[lodan]

Kerod,

Je ne sais pas si tu es encore là.

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Kerod]

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

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

[lodan]

Ben oui, j'ai mis ceci dans mon CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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é.

[Kerod]

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