Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 16/09/2011, 10h08   #1
Nouveau Membre du Club
 
Inscription : mars 2007
Messages : 89
Détails du profil
Informations forums :
Inscription : mars 2007
Messages : 89
Points : 36
Points : 36
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
cedrick21 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 14h46   #2
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 944
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 944
Points : 4 779
Points : 4 779
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 :
<select onfocus="this.scrollIntoView(true);">
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 15h59   #3
Nouveau Membre du Club
 
Inscription : mars 2007
Messages : 89
Détails du profil
Informations forums :
Inscription : mars 2007
Messages : 89
Points : 36
Points : 36
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
cedrick21 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 16h20   #4
Rédacteur
 
Avatar de jreaux62
 
Homme Jérôme Réaux
Webdesigner
Inscription : août 2008
Messages : 2 994
Détails du profil
Informations personnelles :
Nom : Homme Jérôme Réaux
Âge : 45
Localisation : France, Pas de Calais (Nord Pas de Calais)

Informations professionnelles :
Activité : Webdesigner
Secteur : Arts - Culture

Informations forums :
Inscription : août 2008
Messages : 2 994
Points : 5 787
Points : 5 787
Envoyer un message via Skype™ à jreaux62
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
__________________
"Ce qui se conçoit bien s'énonce clairement - Et les mots pour le dire arrivent aisément."
Nicolas Boileau-Despréaux, Homme de lettres français (1636-1711), principal théoricien de l'esthétique classique.
Site perso Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
jreaux62 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/09/2011, 19h08   #5
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 944
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 944
Points : 4 779
Points : 4 779
essaies peut être de faire scroller le document
Code html :
<select onfocus="document.documentElement.scrollLeft = '10000';">
le 10000 devrait suffire
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 00h49.


 
 
 
 
Partenaires

Hébergement Web