Rechercher : dans
Par :

[HTML] Liste déroulante avec texte long

Dernière réponse le 18 mai 2009 à 15:49:36 tibo, le 9 jun 2005 à 11:07:31 
 Signaler ce message aux modérateurs

Bonjour,
je me bats depuis ce matin avec une liste déroulante qui me pose problème.
En effet, je dois faire des liste déroulantes contenant des textes très longs. Le problème se trouve dans l'affichage des listes car cet affichage varie d'un navigateur à un autre.

En gros avec FireFox, c'est le bonheur: la liste a exactement la taille que je lui demande et lorsque qu'on clique sur la liste, le menu qui apparait dessous est à la taille du texte même si la largeur de la liste est plus petite.

Avec Netscape 4 (je suis obligé de bosser la dessus... ), c'est la misère, il ne prend pas en compte la largueur que je lui donne et les listes sont formatées selon la longueur du texte.
Si le texte est court j'ai une toute petite liste et s'il est long j'en ai une grosse, toute ma mise en page est mise en l'air.

Enfin avec IE6, c'est la misère aussi il ne prend en compte que la largeur que je lui met et mon texte est coupé comme un sagouin, il est illisible, il n'y a pas la fin des phrases.

En clair : Je voudrais donc un affichage clean de mes listes (avec la taille du menu déroulé adapté au texte et la largeur fixe de la boite) comme sur mozilla mais pour tous les navigateurs (ou au moins IE6).

Merci infinement.... a l'aide... Pitié...

1

issam1804, le 18 oct 2007 à 16:51:55

Bonjour,
la solution est simple
Il faux juste que vous définissiez un style pour l'option et pour le select
<select name="DdlFonction" style="height:17px;width:102px" class="inputText" id="secteur_activite" width="18">
<option selected="selected" value="" style="width: 300px; white-space:normal;">.</option>
</select>

Répondre à issam1804

5

sandkura, le 1 avr 2009 à 15:46:22

La solution proposée ne marche pas sous IE.

Si quelqu'un a une idée, je cherche toujours la solution.

Répondre à sandkura

2

tibo, le 18 oct 2007 à 16:58:54

La réponse arrive un peu tard,
mais c'est gentil :D ça m'a bien fait rire. J'ai posté cette demande il y a plus de deux ans.

Répondre à tibo

3

olfa, le 14 nov 2007 à 11:23:51

Mais ça fonctionne pas sous IE !!!!!!!!!!!!!!!!!

Répondre à olfa

4

Pépé, le 6 oct 2008 à 15:14:40

D'où il est résolu ce topic ??? C'est pas parce que ça date que c'est résolu... faut penser à ceux qui tombent dessus, même après...

Merci.

Répondre à Pépé

6

HIRED K, le 6 mai 2009 à 11:31:07
  • +3

Après avoir parcouru de nombreux sites pour trouver la solution sous IE, je n'ais rien trouvé d'interesssant...
Il a donc fallu que je cogite un peu ^^

La solution :

<SELECT name="monselect" style="width : X"> //X étant la taille FIXE du select

<OPTION title="nom_de_loption1">nom_de_loption1</OPTION>
<OPTION title="nom_de_loption2">nom_de_loption2</OPTION>
<OPTION title="nom_de_loption3">nom_de_loption3</OPTION>

</SELECT>


Explications :
Les noms des options seront bien coupés lorsque l'utilisateur ouvrira la liste déroulante (si le nom est superieur à la taille du select), cependant l'attribut TITLE permettra l'affichage en entier du nom.

Répondre à HIRED K

7

hokidoki, le 14 mai 2009 à 15:13:53

Personnellement ta solution ne fonctionne pas chez moi sous IE6.
J'ai trouvé d'autre forum ou il affirmais que l'attribut "title" n'était pas reconnu dans le select par IE6.

Quel version de IE avait-tu ?

Répondre à hokidoki

8

 HIRED K, le 18 mai 2009 à 15:49:36
  • +1

Effectivement, je travail sous IE7 et cela marche niquel ...

Si l'attribut TITLE ne marche pas dans les OPTIONS d'un SELECT alors je ne sais pas quoi faire ! (du moins sous IE6 :p).

Par contre vérifie bien que tu as mis le TITLE dans une balise OPTION et non dans la balise SELECT, car ton post peut être confus.

Répondre à HIRED K
Collection CommentÇaMarche.net