IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Restreindre la largeur d'un <select>


Sujet :

HTML

  1. #1
    Membre actif Avatar de FrankOVD
    Homme Profil pro
    Directeur des systèmes d'information
    Inscrit en
    Juin 2005
    Messages
    438
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Directeur des systèmes d'information
    Secteur : Biens de consommation

    Informations forums :
    Inscription : Juin 2005
    Messages : 438
    Points : 254
    Points
    254
    Par défaut Restreindre la largeur d'un <select>
    Bonjour,

    J'ai un formulaire qui doit respecter la même apparence qu'un formulaire papier distribué par l'entreprise. Ce formulaire contient plusieurs <select> mais certains d'entre eux contiennent d'assez longues chaines qui rendent le champ beaucoup trop large. Est-il possible de restreindre la largeur d'un <select>? L'idéal serait que la liste qui déroule sous le select soit, quant à elle, aussi large qu'il le faut.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
     
    Ascii art : :P
    _______________
    |_MON_SELECT_|v|_________________
    |Choix #1                       |
    |Choix #2                       |
    |Ceci serait le choix trop long |
    |Choix #3                       |
    |Choix_#4_______________________|
    Mais ce n'est pas nécessaire

  2. #2
    Membre émérite Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Points : 2 953
    Points
    2 953
    Par défaut
    Salut,

    Tu peux dimensionner une liste déroulante grâce à la propriété CSS width. Seulement, cette taille sera aussi appliquée à tout ta liste.
    Pour ce que tu souhaites faire, il faut le recréer toi-même avec pas mal de javascript. Mais ta liste n'aura jamais la taille occupée par ton texte, il faudra soit se résoudre à couper le texte, soit jouer avec overflow.

  3. #3
    Membre actif Avatar de FrankOVD
    Homme Profil pro
    Directeur des systèmes d'information
    Inscrit en
    Juin 2005
    Messages
    438
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Directeur des systèmes d'information
    Secteur : Biens de consommation

    Informations forums :
    Inscription : Juin 2005
    Messages : 438
    Points : 254
    Points
    254
    Par défaut
    Merci pour ta réponse,

    Bonne fin de journée

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. augmenter la largeur d'une liste select
    Par air75 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 29/10/2009, 18h42
  2. [CSS] Largeur d'un select
    Par julien.63 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 23/06/2006, 19h21
  3. [SELECT] Largeur et scrolling
    Par Gildas Huart dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 20/02/2006, 10h59
  4. Limiter la largeur d'un select possible?
    Par Death83 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 28/10/2005, 23h38
  5. largeur liste de selection
    Par Anonymous dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 26/09/2004, 17h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo