style css et pointillés sur les liensFermé

Question

Bonjour,

1/J'ai crée une liste sur mon site sur laquelle j'ai appliqué un style css ci dessous avec l'etat normal, hover, et active. Dans internet explorer, ça marche super bien, par contre dans firefox l'état "a:active" ne fonctionne pas.
Dites pourquoi et comment y remedier.

2/Et puis lorsque je clique sur les liens j'ai un carré en pointillé dans firefox. Comment faire pour eliminer ces
désagréables pointillés.

Si vous avez des solutions pour remedier à ces problèmes, n'hesitez pas à me donner les reponses.

Voici le style css que j'ai appliqué à mon menu.
#menugauche li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	}
#menugauche li a:hover {
	color: #E2007A;
}
#menugauche li a:active {

	color: #E2007A;
}

schwera · Accepted Answer

et voila le travaille

a:focus
{
outline:0;
}

Jesuispasûr · Answer

Salut

Essaye de mettre :

#menugauche li a:hover a:focus a:active 
{ 
    color: #E2007A; 
} 

Par contre pour les pointillés, je pense que tu pas faire grand chose, ça doit venir du logiciel, point, t'y es (pointillé lol, non bon ben c'est pas grave)
Non sérieux, mais je vois pas trop en quoi c'est moche puisque tout de suite après tu passes à une autre page... enfin moi ça me pose pas trop de prob.
Par contre évidemment si t'as la soluce, fait moi signe

Bye

kokine86 · Answer

Salut,

essaie de mettre ca:

#menugauche li a:hover 
{
text-decoration: none;
color: #E2007A;
}

notobe · Answer

Ces pointillés ne sont pas "désagréables" ils sont là pour se repérer dans la navigation lorsqu'on navigue par exemple au clavier.
C'est une fonctionnalité qu'il ne faut pas désactiver !

bg62 · Answer

en css : pointillés = dashed (si mes souvenirs sont bons !) (dotted à voir aussi)
exemple (pour les borders):
https://www.w3schools.com/css/css_border.asp
pour les liens :
https://forum.alsacreations.com/topic-1-7754-1-Liens-souligns-en-pointills.html
http://fr.selfhtml.org/css/proprietes/cadres.htm#border_style

notobe · Answer

Non bg, les pointillés qui apparaissent lors du clic sur un lien n'ont rien à voir avec les propriétés CSS de bordures dashed (tirets) et dotted (pointillés).

C'est bien de outline dont il est question, et qu'il ne faut pas enlever (bis, ter repetitas...)

bg62 · Answer

Et puis lorsque je clique sur les liens j'ai un carré en pointillé dans firefox
ben là je n'ai rien capté du tout ???

sunnely · Answer

peut etre utile au clavier mais vraiment dispensable cote esthetique.
solution=
a:focus{
  outline:0; 
     ( none ne marche pas chez moi!)
        

}

big up!

Style css et pointillés sur les liens

8 réponses

Discussions similaires

Newsletters