Discussion :

[Goupo]

Salut à tous,

Je souhaite savoir s'il est possible de créer un <select> qui affiche 2 colonnes. Comme ceci.

J'ai essayé de gérer avec les &nbsp et du code php mais ça n'a pas l'air de fonctionner :

Je ne vois pas trop comment je peux faire ça...
J'ai demandé à Google, ça ne donne pas grand chose...

Qui a une piste?

Merci d'avance!

[HiRoN]

Salut,

Je n'ai jamais tenté la chose et je ne serai dire si cela est valide, mais j'aurai tenté un :

Code HTML :

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

<option>label1 <span>label2</span></option>

+ ajouter une marge en CSS

[Poulpynette]

Bonjour,

Je n'ai jamais essayé de faire ce genre de choses, mais j'ai vu passer un topic du même genre il y a peu.

Si ça peut t'aider, voici le lien.

Bon courage !

[Goupo]

Merci, mais ça ne donne rien non plus.

Code :

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

1
2
3
select span.libBanque {
 margin-left: 20px;
}

Code :

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

1
2
<option value = "code">
nom <span class='libBanque'>lib</span></option>

Si ça peut t'aider, voici le lien.

Merci, mais il n'a pas résolu son problème aparement, il l'a contourné. Et sans dire comment en plus... Bachibouzouk!

[Poulpynette]

Merci, mais il n'a pas résolu son problème aparement, il l'a contourné. Et sans dire comment en plus... Bachibouzouk!

Erf, désolée, j'avoue ne pas avoir lu le topic entier, c'était juste une piste ...

[HiRoN]

En effet, la solution que je t'ai proposé ne fonctionne pas, le span n'étant pas pris en compte.
Personnellement, je me tournerai vers le Javascript afin de faire une liste déroulante personnalisée.

[Bovino]

Effectivement, les options ne peuvent pas contenir de balises HTML, donc comme indiqué, il faut passer par des listes faites maison.
Ca tombe bien, khayyam90 vient de nous proposer un excellent article à ce sujet basé sur jQuery.

[Goupo]

Merci Bovino!

Ca à l'air d'être ce qu'il me faut. Cependant, cette tâche est pour moi secondaire et je manque de temps. Je revois donc sa mise en oeuvre à plus tard.

Merci à tous,
@+