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 :

largueur liste déroulante


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Février 2006
    Messages
    219
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 219
    Par défaut largueur liste déroulante
    Bonjour tout le monde,


    Ma question est, je pense simple, mais je ne trouve pas de réponse sur google et je suis débutant en CSS.

    Je voudrais simplement savoir comment définir la largueur d'une liste déroulante MAIS seulement la largueur de la partie inférieure lorsque l'on déroule la liste.

    Je sais que <select name="categories" style="width:300px"> ceci me permet de changer la largueur de la liste mais je voudrais que sur ma page, la liste fasse 300px de large ET lorsque je la déroule, la partie inférieure fasse 500px de large pour que la liste affiche toutes les données.

    Je joins un exemple (sur access) pour mieux me faire comprendre


    Merci à tous!
    Images attachées Images attachées  

  2. #2
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Citation Envoyé par Junior_jef Voir le message
    Je voudrais simplement savoir comment définir la largueur d'une liste déroulante MAIS seulement la largueur de la partie inférieure lorsque l'on déroule la liste.

    Je sais que <select name="categories" style="width:300px"> ceci me permet de changer la largueur de la liste mais je voudrais que sur ma page, la liste fasse 300px de large ET lorsque je la déroule, la partie inférieure fasse 500px de large pour que la liste affiche toutes les données.
    Salut,

    Je ne pense pas que tu puisse personnaliser la partie déroulée d'une liste déroulante. Le style="300px;" est, je pense la seule valeur que tu pourras modifier au niveau largeur.

    A voir du côté javascript, il est sûrement possible de construire sa propre liste déroulante...
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  3. #3
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 661
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 661
    Par défaut
    bonjour,

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <select style="width: 100px">
    <option style="width: 500px">option 1</option>
    <option style="width: 500px">option 2</option>
    <option style="width: 500px">option 3</option>
    <option style="width: 500px">option 4</option>
    <option style="width: 500px">option 5</option>
    </select>
    fonctionne très bien sous FF ... pas sous IE

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931

Discussions similaires

  1. valeur d'une liste déroulante
    Par leeloo076 dans le forum ASP
    Réponses: 7
    Dernier message: 15/04/2004, 17h11
  2. liste déroulante
    Par leeloo076 dans le forum ASP
    Réponses: 12
    Dernier message: 23/03/2004, 11h35
  3. liste déroulante avec session
    Par leeloo076 dans le forum ASP
    Réponses: 3
    Dernier message: 19/03/2004, 12h01
  4. liste déroulante en ASP vbscript
    Par leeloo076 dans le forum ASP
    Réponses: 9
    Dernier message: 17/03/2004, 17h42
  5. Listes déroulantes liées entre elles
    Par denisC dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 27/07/2002, 16h53

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