Discussion :

[lebanner82]

Salut,

J'ai un soucis sous firefox avec mon menu qui est en fait une série d'images avec des liens vers des sites externes.

Depuis mon site, quand on clic sur une image, ça ouvre un autre onglet (target="_blank"). Quand on revient sur mon site l'image est entouré d'un vilain cadre violet MAIS qu'avec firefox.

J'ai cherché sur le web, j'ai tenté tous les codes possible mais je n'arrive pas à régler cela !!!

Le code de mon menu :

Code html :

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

1
2
3
4
5
<div id="footer">
	<div id="menu">
		<a href="http://xxxxxxx/xxxx" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Twitter','','Images/bouton_twitter_02.jpg',1)"><img src="Images/bouton_twitter_01.jpg" alt="Twitter" name="Twitter" width="100px" height="42px" id="Twitter" class="menubutton" border="0px" /></a>
	</div>
</div>

Le code CSS :

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
#footer {
width:100%; height:42px; position:absolute; bottom:48px;}
 
#menu {
position:relative; width:800px; height:42px; margin:0 auto;}
 
a img {
border-width:0; border:0;}
 
.menubutton {
position:relative; float:center; margin:0;}

J'ai bien dans ma balise <img /> le border="0px", j'ai tenté en CSS de mettre :

a img {border:none;}
ou a img {border:0;}
ou a img {outline:none;}
Rien n'y fait, j'ai toujours ce contour violet avec FF (version 25.0.1).
Avec Chrome, IE, sur ipad / smartphone c'est bon....

J'ai besoin de vote aide car là ça commence à me gaver !!

Merci d'avance

[rodolphebrd]

Bonjour,

avez-vous une page en ligne ?

Avez-vous vérifié que votre zoom est à 100% (ctrl 0) ?

[Torgar]

Salut,

et un truc de ce style :

Code :

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

1
2
3
a:visited img {
	border: none;
}

À voir si il faut aussi le faire pour : :hover :active :link

[lebanner82]

J'ai testé avec ta solution mais idem (je l'ai laissé dans le code) !

@rodolphebrd : Ma page : http://www.vioda.fr/

[Torgar]

Et heu a:visited {border: none;} tout court ?

J'ai pas l'occasion de tester là...

[lebanner82]

Pas mieux ;-(

[rodolphebrd]

#menu a {outline: 0;} semble fonctionner.

Mais pourquoi placer des images qui sont en fait du texte ?

Ecrire le texte et le styliser serait beaucoup plus simple et accessible.

[winow]

Bonjour
essaye de mettre "outline:none" directement dans la balise <a> ou <img src>.

Code :

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

<a href="page.html" target="_blank" style="outline:none;"></a>

Code :

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

<img src="chemin/img.jpg" style="outline:none;" />

[lebanner82]

@rodolphebrd : Merci beaucoup, c'est réglé en ajoutant ton bout de code !
Oui je suis d'accord avec toi mais bon je suis parti sur des images fournis par le type qui voulait le site...en tout cas merci bien