Liste déroulante contenant des gifs (ou symboles)..possible?

**straitch** · 19/12/2005, 15h22

Tout est dans le titre à peu près...j'aimerais faire une liste déroulante qui contienne autre chose que des caractères.

En pointant sur une image

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<font face="arial" size="-1">Cat&eacute;gorie:</font>
        <FONT face=arial size=50>
          <select name="categorie">
 
              ><%=RS("categorie")%>   </option>
            <option value=""> </option>
            <option value="1"><IMG src="epi1.gif"></option> <====================
            <option value="2">* *</option>
            <option value="3">* * *</option>
            <option value="4">* * * *</option>
          </select>
          </FONT>

Ou en changeant la police pour y inserer un symbole

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<font face="arial" size="-1">Cat&eacute;gorie:</font>
        <FONT face=arial size=50>
          <select name="categorie">
 
              ><%=RS("categorie")%>   </option>
            <option value=""> </option>
            <option value="1"><Font Face="Webdings">0xA7</Font></option><===================
            <option value="2">* *</option>
            <option value="3">* * *</option>
            <option value="4">* * * *</option>
          </select>
          </FONT>

Rien n'y fait..........help please

**Mr N.** · 19/12/2005, 15h37

un petit coup de css devrait arranger les choses, en tout cas sous Fx

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
option {
   background:url(mon_image.png);
}

avec alignement au milieu à gauche + padding pour pas que le texte chevauche l'image...

**siddh** · 19/12/2005, 15h43

ou un text-indent peut etre ?

**straitch** · 19/12/2005, 15h47

Désolé les gars mais je débute

Je sais ce qu'est un css mais j'ai pas super bien pigé ton truc Mr N.

J'ai créé un testliste.css avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
option {
   background:url(epis1.gif);
}

J'ai inserer dans la page (testliste.asp) où il y a la liste

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" type="text/css" href="testliste.css">

Mais après je fais quoi?

En tout cas merci pour votre aide

**Mr N.** · 19/12/2005, 15h49

Quel est le résultat ? Quels navigateurs ?

**Mr N.** · 19/12/2005, 15h53

Ca ne marchera pas sous IE, je viens de tester...
Désolé, il ne te reste plus qu'à faire une pseudo liste déroulante, soit en javascript soit en css pur...

**straitch** · 19/12/2005, 15h58

Dans le code de la liste j'ai mis

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<option value="1">epis1.gif</option>

Resultats:

Sous IE => que dalle,j'ai juste epis1.gif ecrit en caractères.

Sous Fx => idem mais le fond est devenu vert , il a repris une partie du gif apparement.

par contre j'ai oublié de préciser....je veux pas simplement afficher une image dans la liste déroulante,je veux que ce soit les images qui servent de lien quand on clique dessus.
Par exemple au lieu de cliker sur *,**,*** en caractère comme choix possibles,je veux qu'on puisse cliker sur les images qui representeraient le nombre à selectionner (1fleur,2 fleurs,etc...).
Je sais pas si je suis très clair...

**straitch** · 19/12/2005, 16h00

Envoyé par Mr N.

Ca ne marchera pas sous IE, je viens de tester...
Désolé, il ne te reste plus qu'à faire une pseudo liste déroulante, soit en javascript soit en css pur...

:

argh.......... kezako??

En tout cas merci quand meme pour ton aide