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 :

Hauteur d'un select


Sujet :

Dimensionnement en CSS

  1. #1
    Expert confirmé
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 383
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 383
    Points : 5 732
    Points
    5 732
    Billets dans le blog
    1
    Par défaut Hauteur d'un select
    Bonjour,

    j'ai un select qui la plupart du temps ne comporte qu'une seule option. Néanmoins, quand on le déroule, sa hauteur est énorme. Peut-on la réduire ?

    code actuel :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <select name="machSelcopy" class="height-small">

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     .height-small {
     height:10%;
     }

    et les parents du select (FORM, div et body) ont tous la classe :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     .height-normal {
     height:100%;
     }
    Il vaut mieux viser la perfection et la manquer que viser l'imperfection et l'atteindre. - Bertrand Russell

    Si la discussion est résolue, merci de cliquer sur le bouton

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 933
    Points
    22 933
    Billets dans le blog
    125
    Par défaut


    Il faut utiliser l'attribut "size" pour fixer le nombre d'options qui sera visible.

    <select name="machSelcopy" size="1">.

    Voir : https://developer.mozilla.org/fr/doc...Element/select

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  3. #3
    Expert confirmé
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 383
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 383
    Points : 5 732
    Points
    5 732
    Billets dans le blog
    1
    Par défaut
    Je viens d'essayer mais ça ne change rien...
    Il vaut mieux viser la perfection et la manquer que viser l'imperfection et l'atteindre. - Bertrand Russell

    Si la discussion est résolue, merci de cliquer sur le bouton

  4. #4
    Expert confirmé
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 383
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 383
    Points : 5 732
    Points
    5 732
    Billets dans le blog
    1
    Par défaut
    Ca y est, c'est résolu et en fait ça n'avait rien à voir avec le réglage de la hauteur du select : même s'il n'y avait qu'une seule option non nulle, j'affichais les N et comme N-1 étaient nulles, gros blanc derrière la première !
    Il vaut mieux viser la perfection et la manquer que viser l'imperfection et l'atteindre. - Bertrand Russell

    Si la discussion est résolue, merci de cliquer sur le bouton

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    Par défaut
    Bonjour Laurent,
    j'aime bien
    j'ai un select qui la plupart du temps ne comporte qu'une seule option.
    cela me rappelle la devinette quelle est la différence entre un chat ?
    Trêve de plaisanterie à quoi peut bien te servir un <select> si il n'y a qu'une option, autant ne pas laisser le choix l'ergonomie n'en sera que meilleur !

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

Discussions similaires

  1. Multi-selection dans une ComboBox ?
    Par Moloko dans le forum MFC
    Réponses: 5
    Dernier message: 07/07/2021, 17h26
  2. Diminuer la hauteur du contenu d'un select
    Par montis dans le forum Général Conception Web
    Réponses: 0
    Dernier message: 28/05/2017, 15h34
  3. hauteur select multiple
    Par bourvil dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 04/06/2009, 09h32
  4. Hauteur SELECT (liste déroulante ?
    Par jaggy19 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 12/08/2005, 15h19
  5. faire un selection dans une image aves les APIs
    Par merahyazid dans le forum C++Builder
    Réponses: 3
    Dernier message: 30/04/2002, 10h44

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