Drapeaux avec bordure sur le vol stationnaire

Question

Bonjour j'ai 3 drapeaux (italien, allemand, anglais) dans le but de changer la langue pour l'ensemble du site à l'avenir. Comment puis-je faire une bordure sur un effet de survol qui pourrait travailler avec IE?

c'est le CCS

.miniflags { 
    float:right 
    margin : 5px 20px; 
    padding-right:10px; 
} 

et ici le code HTML

<div id="bandiere"> 
    <a><img src="ita.png" class="miniflags" /></a> 
    <a><img src="ger.png" class="miniflags" /></a> 
    <a><img src="eng.png" class="miniflags" /></a> 
</div> 

Thanx aide

Alex

Answer 1

ajouter

.miniflags img:hover { 
    border: 1px solid #000; 
} 

ou

.miniflags a:hover { 
    border: 1px solid #000; 
} 

à votre css

Je crois que le 2e fonctionnera mieux (a: hover)

Answer 2

Si vous appliquez la classe miniflags à la <a> place, le :hover pseudoselector va fonctionner.

La classe miniflags semble à peine nécessaire. Rappelez-vous que :hover ne fonctionne que pour les liens dans les anciennes versions de IE, vous devrez l'appliquer aux <a> balises au lieu du <img>.

<div id="bandiere"> 
    <a><img src="ita.png" /></a> 
    <a><img src="ger.png" /></a> 
    <a><img src="eng.png" /></a> 
</div> 

<style type="text/css"> 
    #bandiere img { 
     float:right 
     margin : 5px 20px; 
     padding-right:10px; 
    } 

    #bandiere a:hover, #bandiere a:focus { 
     border: 1px solid red; 
    } 
</style> 

Answer 3

IE (jusqu'à 6 IIRC) permet uniquement le survol des liens. Donc vous devrez ajouter le :hover au a et non à l'image. Le <a> doit avoir un attribut href pour que cela fonctionne bien sûr.