Question facile sur l' Alignement

Bonjour à tous,
sur le code suivant:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

<div class="CollapsiblePanelTab" tabindex="0"> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td> <img class="closedArrow" src="/vodpc/images/listeContenus/arrow1.gif"><img class="openArrow" src="/vodpc/images/listeContenus/arrow2.jpg"> </td> <td>   <div class="hilightText" onclick="checkMoralityContentListeContenu('vod_3718', 'noCheckParentalCode'); monitoring('CATALOGUE', saveCat + '_' + echapperString('10') + '_' + 'FicheDetails');">Soirée Spéciale Omar et Fred - 1ere partie</div> </td> <td style="text-align: right;" align="right"> <div class="closedDerniersJours" style="text-align: right; text-transform: none; color: rgb(184, 184, 184);"> <div>Derniers Jours</div> </div>   </td> </tr> </tbody></table> </div>

---

Je désire aligner le texte "Dernier Jour" à droite.
J'ai essayé d'utiliser align=right et text-align: right; sur le dernier td mais cela n'a rien donné
La piece jointe représent l' état actuelle.
La balise table ne prend par toute la longueur disponible dans la balise div ayant la class CollapsiblePanelTab (première div).C'est peut-^^etre la clé du prb. Mais dans ce cas je ne sais pas comment faire en sorte que cette balise table prenne toute la place dispo dans la balise div...

Salut,

Pourquoi deux div imbriqués ?? Le deuxième sert-il à quelque chose ?

Si non pourquoi pas comme ceci :

Code:

---

1 2 3 4 5 6

<td> <div class="closedDerniersJours" style="text-align: right; text-transform: none; color: rgb(184, 184, 184);"> Derniers Jours </div> </td>

---

Et pourquoi pas utiliser un span ? ou tout simplement retirer le div ?

Code:

---

1 2 3 4

<td class="closedDerniersJours" style="text-align: right; text-transform: none; color: rgb(184, 184, 184);"> Derniers Jours </td>

---

Je laisse la structure en place.
Mon objectif est uniquement de changer l'alignement du text "dernier jour".

Ben tu n'as qu'à mettre ton alignement directement dans le dernier div

Citation:

---

Envoyé par Kerod

Ben tu n'as qu'à mettre ton alignement directement dans le dernier div

---

J'ai déjà essayé et c'est d'ailleur ce qui est dans le code.
J'ai donc essayé d'utiliser text-align: right; et align=right dans le dernier bloc et cela sans réultat.
C'est d'ailleur toute la problématique :cry:

Code:

---

1 2 3 4 5

<td align="right" style="text-align: right;" align="right"> <div class="closedDerniersJours" style="text-align: right; color: rgb(184, 184, 184);"> <div style="text-align: right;">Derniers Jours</div> </div> </td>

---

Citation:

---

Je laisse la structure en place.

---

Personnellement, je la reverrai... :aie:

Dans ce cas le soucis ne vient pas de l'alignement mais plutôt de la largeur de ton table. Actuellement il prend la largeur minimum, c'est-à-dire celle définie par son contenu.

Si tu veux obtenir le résultat attendu, donne un width à ton tableau par exemple.

De mon côté j'ai essayé avec 100% et l'alignement était bien présent ;)

Solution :
<table border="0" cellspacing="0" cellpadding="0" width="100%">

[Edit] Tu as été plus rapide :)