menu en images (drapeaux langues)

[bazange]

Bonjour

J'ai inséré des images (drapeau GB et NL) dans certaines rubriques du menu du site
http://www.camping-bazange-dordogne.com/.

Cela fonctionne mais le texte reste apparent et l'image se duplique sur tous les sous-menus

voici le code utilisé

<style type="text/css">
/*<![CDATA[*/
li#cc-nav-view-137449712 a {background:url('https://image.jimcdn.com/app/cms/image/transf/none/path/s2ab5beed5b2681c6/image/i80322052bbf5462e/version/1449240571/image.png')
    no-repeat scroll right top transparent ;
  }
/*]]>*/
</style>

J'ai essayé en rajoutant color : transparent ; comme précisé dans un conseil sur le forum
Cela ne va pas tout : tout le sous-menu devient transparent.

Comment faire ?

Autre demande :
Comment intégrer une barre de drapeaux en haut à droite qui soit cliquable

Merci d'avance pour vos réponses

Céline

[Alain]

Bonsoir,

essayez de rajouter ceci dans votre code :

Code:

li#cc-nav-view-137449712 a {background:url('https://image.jimcdn.com/app/cms/image/transf/none/path/s2ab5beed5b2681c6/image/i80322052bbf5462e/version/1449240571/image.png')
    no-repeat scroll right top transparent ;background-position: 2px 0px; padding-left: 40px;}

En corrigeant les valeurs si nécessaire.
Cordialement
Alain

[bazange]

Bonjour Alain
Merci pour la réponse
Céline

[justpoursoi]

Bonjour,

J'ai besoin d'aide, je souhaiterais aussi ajouter une image sur 3 de mes menus
Pourriez vous m'aider car je ne comprends pas tout...
Pour le code ok mais comment l'adapter???

[justpoursoi]

<style type="text/css">
/*<![CDATA[*/
li#cc-nav-view-137449712 a
{background:url(adresse de l'image)
no-repeat scroll right top transparent ;background-position: 2px 0px; padding-left: 40px;}
/*]]>*/
</style>

je met right au lieu de left??? pour qu'il soit à droite???

li#cc-nav-view-137449712 a : ça correspond au menu???
comment trouver les codes de mon menu, accueil, la boutique et blog????

Merci

[Disney Analysis]

<style type="text/css">
/*<![CDATA[*/
li#cc-nav-view-137449712 a
{background:url(adresse de l'image)
   no-repeat scroll right top transparent ;background-position: 2px 0px; padding-left: 40px;}
/*]]>*/
</style>

je met right au lieu de left??? pour qu'il soit à droite???

li#cc-nav-view-137449712 a   : ça correspond au menu???
comment trouver les codes de mon menu, accueil, la boutique et blog????

Merci

Recoucou ^^

"li" correspond à ton correspond à ton lien dans le menu (par exemple "engagement bio" dans le MainNav "accueil"). Si tu met le code exact du li (le numéro) tu colleras ton image sur le titre en question.

Et oui, il faut mettre padding-right si tu veux ton icône à droite, et adapter le background-position.

[justpoursoi]

Merci!
Mais Je vais voir car Je vais peux être changer de template.
Mais mervi d'avoir repondu

[Contenu sponsorisé]