Petite ligne bleue autour des boutons du menu
luckyman3261
Messages postés
3
Date d'inscription
Statut
Membre
Dernière intervention
-
aomann -
aomann -
Bonjour, j'ai créer mon site web avec dreamweaver CS6, j'ai plusieurs pages , j'ai donc créer une barre de menu avec 5 boutons qui mène vers une autre page.
Tout est parfait avec Firefox, Safari et Chrome mais avec Explorer 8 je vois un contour bleu autour de chaque bouton.
Comment puis enlever ce petit contour bleu pour ne plus le voir dans Explorer 8 ?
Merci à l'avance
Tout est parfait avec Firefox, Safari et Chrome mais avec Explorer 8 je vois un contour bleu autour de chaque bouton.
Comment puis enlever ce petit contour bleu pour ne plus le voir dans Explorer 8 ?
Merci à l'avance
A voir également:
- Petite ligne bleue autour des boutons du menu
- Partager des photos en ligne - Guide
- Menu déroulant excel - Guide
- Google earth autour de moi - Guide
- Mètre en ligne - Guide
- Supermarché le moins cher autour de moi - Accueil - Services en ligne
4 réponses
Bonsoir,
Peut-être appliquer un style à ces boutons :
et dans le code HTML du menu :
Peut-être appliquer un style à ces boutons :
a img {border: none;}
et dans le code HTML du menu :
<a href="page1.html"><img src="btn1.jpg" /></a> <a href="page2.html"><img src="btn2.jpg" /></a> <a href="page3.html"><img src="btn3.jpg" /></a> <a href="page4.html"><img src="btn4.jpg" /></a> <a href="page5.html"><img src="btn5.jpg" /></a>
Bonjour,
Pour enlever ces bordures, cela se passe en CSS, il faut supprimer les bordures et le "outline" sur les liens comme suit :
Pour enlever ces bordures, cela se passe en CSS, il faut supprimer les bordures et le "outline" sur les liens comme suit :
a, a:hover, a:focus, a:active { border:none; outline:0 }
voici comment est écrit ma ligne pour mes boutons roll over
<td width="168" height="48" valign="top" bgcolor="#FFFFFF"><a href="accueil.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Acceuil','','../images/menu-over_11.gif',1)"><img src="../images/menu_11.gif" alt="Acceuil" width="168" height="48" id="Acceuil" /></a></td>
Ou dois-je insérer les nouvelles commandes ?
Merci encore de vos conseils et désolé si je ne comprends pas du premier coup
<td width="168" height="48" valign="top" bgcolor="#FFFFFF"><a href="accueil.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Acceuil','','../images/menu-over_11.gif',1)"><img src="../images/menu_11.gif" alt="Acceuil" width="168" height="48" id="Acceuil" /></a></td>
Ou dois-je insérer les nouvelles commandes ?
Merci encore de vos conseils et désolé si je ne comprends pas du premier coup
Le CSS ne se place pas à cet endroit.
Soit tu as un fichier séparé qui a pour extension .css dans ce cas, il suffit de c/c la ligne que je t'ai donné tout à la fin de ton fichier .css, sur une nouvelle ligne.
Si tu n'as pas de css, tu dois certainement avoir des balises qui ressemblent à cela :
Dans ce cas il suffit d'ajouter la ligne comme je l'ai fais ci-dessus.
Enfin, si tu n'as rien de tout cela tu peux l'insérer dans le code que tu as copié au dessus en modifiant la balise <a> comme ceci :
Soit tu as un fichier séparé qui a pour extension .css dans ce cas, il suffit de c/c la ligne que je t'ai donné tout à la fin de ton fichier .css, sur une nouvelle ligne.
Si tu n'as pas de css, tu dois certainement avoir des balises qui ressemblent à cela :
<style type="text/css">
...
a, a:hover, a:focus, a:active { border:none; outline:0 }
</style>
Dans ce cas il suffit d'ajouter la ligne comme je l'ai fais ci-dessus.
Enfin, si tu n'as rien de tout cela tu peux l'insérer dans le code que tu as copié au dessus en modifiant la balise <a> comme ceci :
<a href="accueil.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Acceuil','','../images/menu-over_11.gif',1)" style="border:none; outline:0;">