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 :

Contenu liste déroulante sort de ma page


Sujet :

CSS

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    141
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 141
    Points : 92
    Points
    92
    Par défaut Contenu liste déroulante sort de ma page
    Bonjour,

    j'ai une liste déroulante sur la droite de ma page
    cette liste fait 200px de large mais le contenu peut être bien plus grand
    une fois déroulée le contenu (aligné à gauche) sort en partie de ma page quand il est plus grand que 200px ...

    J'ai essayé de faire un alignement à droite mais c'est le même problème, ça sort de la page est en plus c'est aligner à droite donc je vois encore moins le texte !

    Est-il possible d'aligner le contenu sur le bord droit d'une liste déroulante de sorte que le contenu dépasse le select sur la gauche et non la droite.

    Merci d'avance de votre aide

  2. #2
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 075
    Points : 44 670
    Points
    44 670
    Par défaut
    Citation Envoyé par cedrick21 Voir le message
    Est-il possible d'aligner le contenu sur le bord droit d'une liste déroulante de sorte que le contenu dépasse le select sur la gauche et non la droite.
    si j'ai bien compris ton problème, je dirais non en CSS mais possible en javascript avec la méthode scrollIntoView placé sur l'événement onfocus
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    <select onfocus="this.scrollIntoView(true);">

  3. #3
    Membre régulier
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    141
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 141
    Points : 92
    Points
    92
    Par défaut
    Merci pour votre réponse

    j'ai essayé mais cela ne fonctionne pas.

    Une partie du contenu de mon select est toujours en dehors de l'écran

  4. #4
    Invité
    Invité(e)
    Par défaut
    Bonjour,
    ca semble être un "défaut" inhérent à tous les navigateurs, qui se moquent bien de la proximité de la limite de fenêtre (la liste dépassant même au delà la fenêtre).

    en jQuery : une liste déroulante personnalisée

  5. #5
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 075
    Points : 44 670
    Points
    44 670
    Par défaut
    essaies peut être de faire scroller le document
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <select onfocus="document.documentElement.scrollLeft = '10000';">
    le 10000 devrait suffire

Discussions similaires

  1. Réponses: 1
    Dernier message: 05/06/2008, 08h02
  2. Réponses: 11
    Dernier message: 26/04/2007, 10h40
  3. Contenu Liste déroulante
    Par Itori dans le forum Access
    Réponses: 6
    Dernier message: 26/09/2006, 15h39
  4. Réponses: 8
    Dernier message: 16/06/2006, 18h48
  5. Liste déroulante pointant sur une page
    Par krfa1 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 18/03/2005, 09h26

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