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

Mise en page CSS Discussion :

Comment adapter la taille d'une liste déroulante


Sujet :

CSS

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    29
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2005
    Messages : 29
    Points : 22
    Points
    22
    Par défaut Comment adapter la taille d'une liste déroulante
    Bonjour,

    J'ai utilisé le code suivant pour élargir la zone déroulée d'un select afin de l'adapter à la largeur du texte.

    <select name='ListeD' size=1 >
    <option selected style=width:300px>Choisissez...
    <option value=val1>val1
    ...
    </select>

    Sous Firefox cela fonctionne mais pas sous IE .
    Est-ce que quelqu'un pourrait m'aider svp ?

    Merci,
    Sandrine

  2. #2
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2008
    Messages
    252
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2008
    Messages : 252
    Points : 358
    Points
    358
    Par défaut
    il faudrait pas plutôt mettre le style dans le select ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <select name='ListeD' size=1 style=width:300px>
    <option selected >Choisissez...
    <option value=val1>val1

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    29
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2005
    Messages : 29
    Points : 22
    Points
    22
    Par défaut
    En fait j'ai mis le width dans la balise <option> parce que je veux que ma liste est une taille plus petite par contre lorsque l'on déroule la liste là je veux que les options possibles soient affichées dans une zone plus large.

    Voila pourquoi je n'ai pas mis le width au niveau de ma balise <select>

    Sandrine

  4. #4
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2008
    Messages
    252
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2008
    Messages : 252
    Points : 358
    Points
    358
    Par défaut
    ha, alors je n'ai pas de solution, cependant quant je teste ton code sous firefox, le sélect s'affiche avec une longueur de 300px, ça ne fonctionne donc ni sous ie ni sou ff.

Discussions similaires

  1. [MySQL] comment insérer des données d'une liste déroulante dans un champ texte
    Par berti dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 23/01/2008, 09h12
  2. comment savoir le type d'une liste déroulante (DropDownList en asp)
    Par shirya dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 30/03/2007, 16h41
  3. Réponses: 1
    Dernier message: 20/06/2006, 14h32
  4. [Débutant] Comment adapter la taille d'une image ?
    Par taupeniveau dans le forum Composants VCL
    Réponses: 3
    Dernier message: 14/02/2006, 18h00
  5. Taille d'une liste déroulante
    Par pingos dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 23/02/2005, 17h28

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