Calage d'une <table> à l'intérieur d'un <td>

J'ai une table qui organise ma page (...pour simplifier : 1 ligne, 2 cols).

A l'intérieur de la cellule de droite, je dois caser une petite table, que je veux caler à droite. J'ai donc (toujours en simplifiant) :

Code:

---

1 2 3 4 5 6 7 8 9 10

<table width="800px"> <tr> <td width="400"> (texte) </td> <td width="400"> <table width="100" name="A CALER A DROITE"> (...) </table> </td> </tr> </table>

---

Détail : la largeur de la petite <table> doit être impérativement inférieure à celle de la cellule qui la contient (...comme dans l'exemple). Je ne peux donc pas jouer sur une colonne "bidon", insérée à gauche. Oublions aussi les text-align, c'est la table qui doit être calée, pas son contenu.

Je cherche typiquement la bonne combinaison de styles + div...

Merci !

Bonjour,

Citation:

---

Envoyé par puresprit

Oublions aussi les text-align, c'est la table qui doit être calée, pas son contenu.

---

il suffit d'annuler le text-align du parent par un autre text-align, mais il existe une solution sur base de la propriété direction du CSS.

exemple

Code:

---

1 2 3 4 5 6 7

<td width="400" style="direction:rtl"> <table width="100" style="direction:ltr"> <tr> <td>Texte</td> </tr> </table> </td>

---