Discussion :

[GLSpirit]

Bonjour à tous,
sur 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
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...

[Kerod]

Salut,

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

Si non pourquoi pas comme ceci :

Code :

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

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 :

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

1
2
3
4

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

[GLSpirit]

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

[Kerod]

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

[GLSpirit]

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

Code :

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

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>

[HiRoN]

Je laisse la structure en place.

Personnellement, je la reverrai...

[Kerod]

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

[GLSpirit]

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

[Edit] Tu as été plus rapide