Insérer une image dans un menu déroulant

lucas999222 Messages postés 10 Date d'inscription   Statut Membre Dernière intervention   -  
lucas999222 Messages postés 10 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai un formulaire sur mon site qui affiche les differents pays qui fonctionne parfaitement:

<option value="<?=$country[countryid]?>" <? if($country[countryid]==$xcountryid) echo 'selected'?>> <?php echo $country_names [$country[countryid]]; ?></option>

Lorsque je cherche a inserer une image, le formulaire fonctionne toujours parfaitement mais pas mon image, qu'est-ce qui ne va pas dans mon code

<option value="<?=$country[countryid]?>" <? if($country[countryid]==$xcountryid) echo 'selected'?>> <img src="http://monsite.com/images/country/flag.gif" alt="" ><?php echo $country_names [$country[countryid]]; ?></option>

par la suite, je remplacerai le terme flag par ce code <?=$country[countryid]?> pour afficher les diffèrents drapeaux mais j'ai simplifier pour vous aider à comprendre mon problème

merci par avance






A voir également:

2 réponses

Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Salut,

Sur Firefox, tu peux définir un background sur l'élément <option> :

<option value="toto" style="background: url('image.jpg'); width: 100px; height: 120px;"></option>

Sinon il te faut utiliser javascript, avec par exemple ce plugin jQuery :
http://www.marghoobsuleman.com/jquery-image-dropdown

Bonne journée
1
lucas999222 Messages postés 10 Date d'inscription   Statut Membre Dernière intervention  
 
Merci pour ta réponse,

Je pense que je vais me rediriger vers la solution plugin jquery, celle-là fonctionnant avec tous les navigateurs il me semble
0