Discussion :

[Zebulon777]

Bonjour à tous,

je voudrai pouvoir aligner à droite le contenu d'une liste déroulante chargée dynamiquement ?

Code html :

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

1
2
3
4
5
 
<SELECT id="Liste_P3" name="Liste_P3" size="5" ONDBLCLICK="ListeDblClic('P3')" class="Select_P3">
<OPTION value="L01" selected="selected">Ligne 1</OPTION>
<OPTION value="L02">Ligne 2</OPTION>
</SELECT>

J'ai bien essayé ce genre de CSS, mais ça ne fonctionne pas.

Code css :

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

1
2
3
4
 
.Select_P3 {
	text-align: right;
}

Merci.

[NoSmoking]

Bonjour,
tu n'en es pas loin, il te faut appliquer le style aux <option>.

Code css :

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

1
2
3
.Select_P3  option{
	text-align: right;
}

[Zebulon777]

Merci de ta réponse.
En fait, j'avais déjà essayé ça, mais ça ne fonctionne pas plus...

Pour être plus précis, voici le code qui ajoute les valeurs dans liste :

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
21
22
23
24
25
26
27
28
var WText = WSens + " # " + WHH_DEB + ":" + WMM_DEB + " # " + WHH_FIN + ":" + WMM_FIN;
var WValeur = WSens + ";" + WHH_DEB + ":" + WMM_DEB + ";" + WHH_FIN + ":" + WMM_FIN;
...
...
...
var WOption = document.createElement("OPTION");
WOption.text = WText;
WOption.value = WValeur;
if (WSens === "A")
{
	WOption.className = "Liste_FondARR";
//	WOption.text-align = "right"; /* NE FONCTIONNE PAS */
//	WOption.align = "right"; /* NE FONCTIONNE PAS */
}
if (WSens === "D")
{
	WOption.className = "Liste_FondDEP";
}
if (WSens === "AD")
{
	WOption.className = "Liste_FondARRDEP";
}
if (WSens === "F")
{
	WOption.className = "Liste_FondFERMER";
}
document.getElementById(WListe).add(WOption);

[NoSmoking]

1/ Normalement cela devrait fonctionner même sans mettre le style sur les <option> d'ailleurs !

2/ C'est vrai qu'il me souvient que tu utilises IE et dans ce cas les possibilités de formatage sont des plus limitées.

3/ Tu peux toujours essayer de mettre sur ton <select> une direction : rtl mais cela fera que la barre de scroll, si existe, sera à gauche. Si cela ne convient pas le plus simple est de te faire ton propre <select> personnalisé.

[Zebulon777]

Oui, oui, effectivement, nous sommes sous IE, on a pas le choix.

J'ai déjà essayé la redirection, mais l’ascenseur passe à gauche et ça ne leur plait pas.

Je vais envisager de faire un SELECT moi-même, mais on verra ça à la rentrée

Merci de ton aide.