Bonjour à Tous,
Dans la copie d'écran jointe vous pourrez voir que les icônes de drapeaux (centre) ainsi que les icônes de réseaux sociaux (gauche) sont entourées d'un bord bleu.
Voici ci-dessous le code html des drapeaux:
et le code css:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <div id="SousNavCVLangues"> <ul> <li><a href="CVfr.html"><img src="Images/icon_fr.png" alt="CV en Français" title="CV en Français"/></a></li> <li><a href="#"><img src="Images/icon_nl.png" alt="CV in het Nederlands" title="CV in het Nederlands"/></a></li> <li><a href="CVen.html"><img src="Images/icon_en.png" alt="CV in English" title="CV in English"/></a></li> </ul> </div>
Code css : 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
17
18
19
20
21 #SousNavCVLangues{ display:inline-block; position:absolute; right:0px; top:3px; width:150px; } #SousNavCVLangues ul{ list-style-type:none; } #SousNavCVLangues ul li{ float:left; margin-left:5px; } #SousNavCVLangues a{ text-decoration:none; }
Ce problème je ne l'ai qu'en IE. Sous Chrome et Firefox par exemple les icônes apparaissent sans ce bord bleu.
Quelqu'un peut-il me dire comment résoudre cela ?
D'avance merci.
Ricardo
Partager