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 :

Réduire la taille d'une Lite déroulante, mais ...


Sujet :

HTML

  1. #1
    Membre averti Avatar de Joe Le Mort
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    392
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2006
    Messages : 392
    Points : 388
    Points
    388
    Par défaut Réduire la taille d'une Lite déroulante, mais ...
    Bonjour,

    je souhaite réduire la taille de ma liste déroulante qui est trop grande a cause de son contenu (en base de données)

    J'aimerais qu'elle ait une taille fixe 50 ou 100 px par exemple, et qu'on puisse aussi voir la fin de l'option dans le survol de celle ci. (j'espere que vous me suivez)

    Est-ce que cela peut etre fait ? en CSS, Javascript (j'aimerais ne pas utiliser de javas.)

    Merci d'avance !
    Tuxboard Blog d'actu Buzz...
    Video de sport

  2. #2
    Membre confirmé Avatar de masu
    Inscrit en
    Février 2004
    Messages
    428
    Détails du profil
    Informations forums :
    Inscription : Février 2004
    Messages : 428
    Points : 484
    Points
    484
    Par défaut
    alors il est bien possible d'imposer une taille fixe grace au css a un select. Cependant alors que ff pernet de voire les libelles en entier lorsque l'in clique dessu, IE les tronque.

    En faisant des recherche sur le forum tu trouvera plusieurs post qui en parle deja. Le probleme ne semble pas soluble a moins d'emuler le fonctionnement de la liste déroulante a l'aide de css et de javascript ce qui n'est pas tres evident.

    css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    #smallselect {
      width: 100px;
    }
    html
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <select id="smallselect">
    [...]
    </select>
    DON'T PANIC

  3. #3
    Expert éminent
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Points : 8 339
    Points
    8 339
    Par défaut
    Salut

    si c'est possible, il faut essayer l'attribut CSS width sur ton select...

    sinon, il te faudra voir pour faire un select personalisé (CF tuto auto-complétion sur AJAX dans la section JS)
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag (en bas)

Discussions similaires

  1. Comment adapter la taille d'une liste déroulante
    Par sbelli dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 05/06/2008, 16h04
  2. réduire la taille d'une requête
    Par Smix007 dans le forum SQL
    Réponses: 6
    Dernier message: 03/04/2008, 19h46
  3. [Oracle 8i] réduire la taille d'une base de test
    Par delphim dans le forum Oracle
    Réponses: 2
    Dernier message: 04/07/2005, 11h59
  4. 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