Bonjour,
je suis en train de développer un site pour un ami. C'est de l'amateur, je ne suis pas développeur web.
Bien qu'il soit en cours de développement, ce site est déjà en ligne ici: http://www.casamustaphadelsur.com/index.html
Comme vous pouvez voir sur le site, ou sur l'image que j'ai ajouté en pièce jointe, lorsque l'on clique sur un élément du menu, il aparait un rectangle en pointillés bleu autour du texte et cela est du plus mauvais effet, m'est avis.
Voici le code css du menu:
note 1: ça c'est la couleur du texte du menu, et c'est également la couleur du rectangle honni. Ce doit être une piste à suivre j'imagine.
Code : 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
22
23 #menu { font-family: "WorstveldSling", Helvetica, Arial, sans-serif; margin:0 110px 0 110px; height:28px; background:url(images/menu_bckg.jpg) no-repeat; padding:17px 0 0 15px; } #menu a { color:#6bb8ff; <!-- 1 --> font-size:28px; padding:5px 20px; text-decoration:none; text-transform:lowercase; } #menu a:hover { background:url(images/menu_over.gif) bottom center no-repeat; background-position: center; }
et le html correspondant:
Ma question est: comment faire pour que n'aparaisse pas ce rectangle en pointillés bleu autour du texte lorsque je clique sur un élément du menu?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <div id="menu"> <a href="index.html">home</a> <a href="donde.html">¿donde?</a> <a href="casa.html">la casa</a> <a href="pueblo.html">el pueblo</a> <a href="alrededores.html">alrededores</a> <a href="precios.html">precios</a> <a href="contacto.html">contacto</a> </div>
Note: j'obtiens le même comportement sous firefox et IE8 (je n'en ai pas testé d'autres pour l'instant).
Merci par avance.
Partager