Discussion :

[Death83]

Salut a tous,

je refais le design d'un site et j'ai un petit souci.

La mise en page du nouveau design est plus étroite que l'ancienne. Et il se trouve que dans un formulaire il y a un select donc les choiw sont assez long. Je souhaiterais savoir s'il est possible de limiter la longueur de ce select?
(pour que les choix les plus long s'affiche sur 2 ligne par exemple)
vous avez des idées?

[KiLVaiDeN]

Bonjour,

Tu peux utiliser un style par exemple qui diminuerait la taille de la police jusqu'à ce que ça reste lisible et que ça ne dépasse pas.

Et puis sinon, remplacer les Majuscules par des minuscules ça peut aider ( pas tip top ) et au pire, tu peux toujours tronquer la liste à un nombre fixe de caractères.

As-tu essayé d'appliquer un style avec une largeur fixe par exemple à un select ?

[Death83]

Je vais essayer mais je suis pas sur de la qualité du résultat.

[Oluha]

le plus simpple est de reseigner l'attribut width du style, pas la peine de s'embêter avec la taille de la police à mon avis.

[KiLVaiDeN]

mettre un width au style du select, ça tronque les libellés non ? Ca peut être gênant..

[Oluha]

oui, ca va couper, après faut voir si c'est gênant ou pas

[KiLVaiDeN]

Parfois, couper une chose utile peut être très gênant !!

[Death83]

oui c'est génant ^^.

J'aiessayer aussi en mettant des BR dans les option longue mais ca ne marche pas (fallait s'en douter )

[vg33]

Autre solution : tu remplaces ton sélect par un ensemble 'radio' ou 'checkbox' (selon si ton select est à choix unique ou multiple), tu tronques les labels, et tu donnes en title à ces labels le texte complet de l'option. Et si le tout prend trop de place verticalement, tu l'intègres dans un div avec le css 'overflow:auto'.
En jouant sur les css, tu peux présenter ça comme un select, et l'utilisateur n'y verra que du feu.
J'ai utilisé en partie une méthode similaire pour résoudre le problème d'une sélection multiple dans une arborescence longue dont je ne connaissais pas la taille (arborescence dynamique).