Discussion :

[sandoval2]

Bonjour bonjour...

Voila, je fais un site pour un groupe de musique et j'ai un petit soucis...

Avec Internet exporer, pas de problème, mais avec Mozilla Firefox que j'utilise la plupart du temps, il se forme un cadre en pointillés blancs quand je clique sur une image lien.
L'adresse du site est http://www.zingabe.com
Mettre border="0" ne change rien apparament...

Avez vous une idée ?
Merci

[sonja]

Salut,
tu peux pas éviter ce cadre car il est toujours existant (si tu fais bien attention tu vas remarquer que meme ds ce site lorsque tu clique sur une image qui contient un lien il va aparaitre le cadre )
et surtout que tu as mis un fond noir (ce la d'aprs moi).
je te propose de reduire le fond noir qui est avec l'image autrement dire
recadre l'image avec photoshop et applique le fond noir sur la page html.
comme ca les pointiés sont moins visible.
j'éspère que j'ai t'aidé
bon courage

[MasterOfChakhaL]

Salut,

il y a 2 possibilités:
javascript: dans ton lien tu écris

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

onfocus="this.blur()"

Ou alors, tu regardes comment ils font ici http://www.cssplay.co.uk/menu/nodots.html
Je te laisse regarder la source car je n'ai jamais réellement approfondi le sujet

[sandoval2]

Merci, cela marche très bien avec
onfocus="this.blur()"
dans la balise lien.
Par contre je n'ai pas réussi à passer par une feuille de style et j'ai du le taper à chaque lien!
Mais je suppose que se doit être possible, me trompe-je?

[MasterOfChakhaL]

c'est du javascript, pas du html. Donc pas possible de mettre ca dans des feuilles de style. Ca reste possible d'automatiser un peu cela, masi dans ce cas, je te renvoie au forum javascript

[sonja]

Bonjour,
merci bien MasterOfChakhaL g testé votre solution et elle marche très bien,
et je l'savais pas avant.

[Philippe3]

Salut,

J'ai découvert un truc vraiment génial l'autre jour en cherchant dans des exemples de css. Je voulais enlever le cadre pointillé sur tous les liens de mon site, dans IE et dans Firefox.

Pour IE6, il n'y a pas de problème, c'est la version que j'ai chez moi et il n'y a même pas de cadre pointillé par défaut sur les liens. Pour les versions antérieures de IE, je ne sais pas, alors tu peux probablement mettre border: 0px; dans ta feuille de style pour t'assurer que ça affiche sans cadre.

Le problème vient avec Firefox, qui affiche toujours un cadre pointillé quand on clique sur le lien.... ou du moins c'est ce que je croyais jusqu'à ce que je découvre outline: none; dans une feuille de style d'exemple sur un autre forum. Avec ça, il n'y a plus de cadre autour des liens dans Firefox.

De façon plus précise, voici de quoi aura l'air ta feuille de style:

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
a
{
	border: 0px none;
	text-decoration: none;
	outline: none;
}

Ceci enlève la bordure, le soulignement et le cadre pointillé quand tu cliques.

J'espère que ça va aider quelqu'un.

A+