Style css et pointillés sur les liens

samvalder Messages postés 5 Statut Membre - 3 avril 2009 à 15:54
notobe Messages postés 2222 Statut Membre -
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;
}
A voir également:

8 réponses

et voila le travaille

a:focus
{
outline:0;
}
2
Jesuispasûr Messages postés 38 Statut Membre 1
3 avril 2009 à 18:10
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
1
kokine86 Messages postés 51 Statut Membre 1
4 avril 2009 à 13:49
Salut,

essaie de mettre ca:

#menugauche li a:hover
{
text-decoration: none;
color: #E2007A;
}
1
notobe Messages postés 2222 Statut Membre 213
12 janv. 2010 à 17:29
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 !
1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
bg62 Messages postés 26226 Statut Modérateur 2 410
12 janv. 2010 à 18:39
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
1
notobe Messages postés 2222 Statut Membre 213
12 janv. 2010 à 20:20
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...)
1
bg62 Messages postés 26226 Statut Modérateur 2 410
13 janv. 2010 à 01:30
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 ???
1
peut etre utile au clavier mais vraiment dispensable cote esthetique.
solution=
a:focus{
outline:0;
( none ne marche pas chez moi!)


}

big up!
-1
notobe Messages postés 2222 Statut Membre 213
13 sept. 2010 à 21:12
Non, non, et non !! L'ergonomie et l'accessibilité (donc le confort de l'usager) priment sur l'esthétique.

Sans vous souhaiter du mal, le jour où vous aurez des TMS et que vous ne pourrez pas utiliser la souris, je vous souhaite bien du plaisir pour vous repérer sur un site dont les outline ont été désactivés !
0