Petite ligne bleue autour des boutons du menu

luckyman3261 Messages postés 3 Statut Membre -  
 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

4 réponses

  1. ReDLoG
     
    Bonsoir,

    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>
    0
  2. Dj Nam Messages postés 339 Statut Membre 41
     
    Bonjour,

    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 }

    0
  3. luckyman3261 Messages postés 3 Statut Membre
     
    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
    0
    1. ReDLoG
       
      Si tu es en phase d'apprentissage, il vaut mieux que tu abandonnes la mise en page à l'aide de tableaux (balise HTML table) et d'apprendre à maîtriser la mise en page à partir de blocs DIV.
      0
    2. aomann
       
      Je ne suis pas d'accord. Le formatage par tableau reste ce qui est de plus simple et facile à comprendre. Les DIV sont beaucoup plus compliqués à maîtriser. De plus, n'oublis pas que c'est un code généré par un logiciel (dreamweaver)
      0
  4. Dj Nam Messages postés 339 Statut Membre 41
     
    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 :
    <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;">

    0