[html] Tableau

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:

---

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 ? :oops: ) 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 :.

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

Code:

---

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)

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

merci encore 8)