Discussion :

[ThitoO]

Bonjour a tous,
je souhaiterai creer un tablo plutot simple, comportant de haut en bas:

Sur la premiere ligne une seule cellule de largeure 100%
Sur la seconde ligne la meme chose.
Sur la troisieme ligne 3 cellules de 131px, * , 131px (le * represente la largeure de la largeure de la cellule du centre en %, en effet ce serai elle qui serai modulable en fonction de la taille de l'ecran, ici 50%)

J'ai donc ecris le code suivant:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
			 <table width="100%" bgcolor="#ff0000" border=2 cellspacing=0>
			 				<tr>
									<td colspan="3" align="center"><img src="images/site_02.gif" /></td>
							</tr>
							<tr>
									<td colspan="3"><img src="images/site_04.gif" width="100%" height="20px" /></td>
							</tr>
							<tr>
									<td width="131px" height="364px" style="background-image: url('images/site_10.gif'); background-repeat: no-repeat;">Bla bla menu</td>
									<td width="50%">bla bla contenu</td>
									<td width="131px" height="364px" style="background-image: url('images/site_10.gif'); background-repeat: no-repeat;">Blu blu sondage</td>
						  </tr>
		 	 </table>

Seul probleme l'image de fond de la troisieme cellule de la troisieme ligne (vous me suivez ? ) se place a la droite de la cellule, comment la bloqué contre le bord droit ????, ou sinon pour que la cellule du centre occupe la place laissée par les 2 autres cellules ???

Voici ma page test pour vous eclaircir un peu: http://tanniao.free.fr/tablo.htm


.: Merci d'avance :.

[denisC]

Pour que l'image de fond soit collé au bord droit de ta cellule, la propriété CSS :

Code :

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

1
2
 
background-position: center right;

(ou top right ou bottom right comme tu preferes)

Pour que la cellule du milieu occupe tout la place restante: ne mets pas d'indication de taille. Normalement, le navigateur prendra toute la place disponible...

8)

[ThitoO]

ouais trop cool, merci ca marche parfaitement, c'est exactement ce que je voulai !!!!

merci encore 8)