[CSS 2] Menu (jump) langue avec image

[balsamique]

N'ayant pas trouvé une solution pour mon problème en javascript, j'ai cherché une alternative pour créer un menu langue ayant le drapeau à côté du nom de pays.
La solution suivante (moins esthétique) fonctionne mais uniquement avec Firefox.
Est-ce que quelqu'un a une solution ou une alternative pour que cela fonctionne avec Explorer et Chrome?

p.s.: je viens de trouver la traduction de jumpmenu. Il s'agit d'un menu de reroutage.

Code html

Code :

1
2
3
4
5
<select name="jumpMenu" id="jumpMenu">
  <option id="imguk" value="http://www.monsite.fr/eng">&nbsp;&nbsp;&nbsp;&nbsp; English</option>
  <option id="imgfr" value="http://www.monsite.fr/fra">&nbsp;&nbsp;&nbsp;&nbsp; français</option>
  <option id="imgit" value="http://www.monsite.fr/ita">&nbsp;&nbsp;&nbsp;&nbsp; français</option>  
</select>

css

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
	#imgfr {
	background-image: url(images/fr.gif);
	background-repeat:no-repeat;
	height:11px;
	width:16px;
	border-left:#FFFFFF solid 4px;
	padding: 1px 170px 3px 4px;
	}
 
		#imgit {
	background-image: url(images/it.gif);
	background-repeat:no-repeat;
	height:11px;
	width:16px;
	border-left:#FFFFFF solid 4px;
	padding: 1px 170px 3px 4px;
	}
 
		#imguk {
	background-image: url(images/uk.gif);
	background-repeat:no-repeat;
	height:11px;
	width:16px;
	border-left:#FFFFFF solid 4px;
	padding: 1px 170px 3px 4px;
	}

[NoSmoking]

Bonjour à toi aussi,
pourquoi ne pas faire un truc simple du style

Code html :

1
2
3
<a href="http://www.monsite.fr/fra" title="Francais"><img src="images/fr.gif" alt="Francais"></a>
<a href="http://www.monsite.fr/ita" title="Italian"><img src="images/it.gif" alt="Italian"></a>
<a href="http://www.monsite.fr/eng" title="English"><img src="images/uk.gif" alt="English"></a>

[balsamique]

Bonjour,
C'est juste que je trouve plus original et esthétique la version du menu de reroutage.

[12monkeys]

Bonjour

Une solution ici : http://j-willette.developpez.com/tut...ormulaire/#LIV

[balsamique]

Bonjour,

Désolé mais je ne suis pas très expérimenté et je ne vois pas comment résoudre mon problème (afficher le drapeau à côté de la sélection du pays) avec ce tutoriel.
Si tu regarde ma page en ligne, peut-être peux-voir où es l'erreur dans mon drapeau?
ici

[12monkeys]

Ton code au début était une balise select, donc je t'ai mis ce lien pour te dire qu'il ne me semblait pas possible de styliser un select ainsi et qu'il fallait utiliser une liste en association avec JavaScript.
Maintenant je constate que c'est déjà ce que tu fais...

J'ai regardé ton test sur IE 7 et l'affichage est relativement correct, l'image est juste un peu décalée, il faut alors appliquer un style CSS spécifique à IE.

[balsamique]

Je n'ai pas encore changé sur mon site de test car je n'ai pas encore trouvé de solution pour la balise select (elle n'affiche le drapeau qu'avec Firefox, pas avec explorer ni avec Chrome).