Discussion :

[PierreBTSIG]

Je souhaiterai faire une liste déroulante mais que celle-ci apparaisse sur le clique d'une image. Comme sur ce forum lorsque l'on souhaite modifier la couleur d'écriture.

Merci de votre aide

[Bovino]

que celle-ci apparaisse sur le clique d'une image.

tu souhaites gérer un événement, la solution n'est pas du ressort de css mais de javascript.
Il faut insérer ta liste déroulante dans le code html avec par défaut un display none, puis dans la balise img rajouter un "onclick=..." pour modifier dynamiquement la valeur du display.

[islyoung2]

pour arriver a ce que tu souhaite tu doit faire un peut de javascript;
1- dans le style de ta liste deroulante ajoute la propriete suivante:

Code :

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

display:non;

2- ajoute le scripte javascript suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function montre(id) 
	{
		var d = document.getElementById(id);
		if (d) 
		{
			if(!d.style.display || d.style.display == 'none')
			{
				d.style.display='block';
			}
			else if(d.style.display == 'block')
			{
				d.style.display='none';
			}
		}
	}

où (id) est l,identificateur de ta liste deroulante.
3- dans la balise de ton image ajoute le code suivant:

Code :

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

1
2
 
onclick="montre('id_liste_deroulante');"

sa doit marcher;
bon courage.

[Bovino]

Ou en version condensée :

Code :

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

1
2
3
4
5
function montre(id) 
	{
		var d = document.getElementById(id);
		d.style.display == 'block'?d.style.display='none':d.style.display='block';
	}