Bordure couleur sur lien

Megane -  
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,

Je bosse sur Dreamweaver et je me demander comment fait on pour enlever la bordure sur le lien a chaque soir que l'on clique dessus ??
Quand je mets ma page en ligne, je clique sur un lien et que je fais précédent, mon lien est entouré de petit pointillés de couleurs...
Comment fait on pour enlever ceci ou il y'a t'il un code pour ça ??

merci d'avance a tous et bonne journée.

Megane
Configuration: Windows Vista
Firefox 3.0.5

13 réponses

  1.
    Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
     
    salut,

    si tu parles du rectangles qui marque l'élément actif (qu'on appelle focus) tu peux le paramétrer avec la propriété {outline}.

    mais normalement il faut le laisser, ça permet de naviguer avec le clavier.
    1
  2. pangolin Messages postés 47 Statut Membre 19
     
    Est-ce que tu as l'adresse d'un exemple?
    C'est pas juste le focus, vu que tu viens de cliquer dessus?
    Enfin, si qqu'un a un autre avis plus éclairé que moi...
    0
  3. 974_Vin's_974 Messages postés 554 Statut Membre 102
     
    C'est simplte dans le fichier .CSS tu mets ca 

    .bordure_couleur
{
border-color: couleur_que_tu_veux;

}


    Et ensuite quand tu fais ton lien tu mets:

    <a href="......." class="bordure_couleur">......</a>

    Essaye ca !!
    0
  4. Megane
     
    merci a tous pour vos reponses,

    j'ai essayer le code que tu m'a donner et il ne fonctionne pas
    en fait je pense que c'est un probleme lie a firefox car sur opera ou ie, il n'y a pas de pointiles sur les liens
    par contre sur firefox il y'en a

    quelqu'un aurait la solution a ce probleme ???
    0

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

    Posez votre question
  9. Utilisateur anonyme
     
    En fait, comme c'est une bordure, et non un souligné, il faut que tu fasse copier-coller le code source complet de la page pour qu'on puisse voir le problème, et aussi éventuellement la feuille de style externe. Et dis-nous aussi le nom des liens que tu veux corriger
    0
  10. moderster Messages postés 47 Statut Membre
     
    ok
    tu utilise quel navigateur?
    repond moi et je te dirai plus
    0
  11. Megane
     
    j'utilise firefox
    et voici le code source :

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Adou Khan, Comédien</title>
    <script type="text/javascript">
    <!--
    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script><style type="text/css">

    <!--
    body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(arriere%20plan%20site%20adoukhan.jpg);
    background-repeat: repeat;
    }
    -->
    </style></head>

    <body onload="MM_preloadImages('images/action_01.jpg','images/action_02.jpg','images/action_03.jpg','images/action_04.jpg','images/action_05.jpg')">

    <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td><table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td><img src="images/presentation_01.jpg" width="52" height="76" /></td>
    <td><img src="images/presentation_02.jpg" width="282" height="76" /></td>
    <td><img src="images/presentation_03.jpg" width="64" height="76" /></td>
    <td><img src="images/presentation_04.jpg" width="116" height="76" /></td>
    <td><img src="images/presentation_05.jpg" width="120" height="76" /></td>
    <td><img src="images/presentation_06.jpg" width="124" height="76" /></td>
    <td><img src="images/presentation_07.jpg" width="124" height="76" /></td>
    <td><img src="images/presentation_08.jpg" width="106" height="76" /></td>
    <td><img src="images/presentation_09.jpg" width="36" height="76" /></td>
    </tr>
    <tr>
    <td><img src="images/presentation_10.jpg" width="52" height="122" /></td>
    <td><img src="images/presentation_11.jpg" width="282" height="122" /></td>
    <td><img src="images/presentation_12.jpg" width="64" height="122" /></td>
    <td><a href="index.html" target="_self" ><img src="images/presentation_13.jpg" width="116" height="122" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/action_01.jpg',1);MM_swapImage('Image1','','images/action_01.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
    <td><a href="albumphoto.html" target="_self"><img src="images/presentation_14.jpg" width="120" height="122" border="0" id="Image2" onmouseover="MM_swapImage('Image2','','images/action_02.jpg',1);MM_swapImage('Image2','','images/action_02.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
    <td><a href="filmographie.html" target="_self"><img src="images/presentation_15.jpg" width="124" height="122" border="0" id="Image3" onmouseover="MM_swapImage('Image3','','images/action_03.jpg',1);MM_swapImage('Image3','','images/action_03.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
    <td><a href="actualites.html" target="_self"><img src="images/presentation_16.jpg" width="124" height="122" border="0" id="Image4" onmouseover="MM_swapImage('Image4','','images/action_04.jpg',1);MM_swapImage('Image4','','images/action_04.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
    <td><a href="contact.php" target="_self"><img src="images/presentation_17.jpg" width="106" height="122" border="0" id="Image5" onmouseover="MM_swapImage('Image5','','images/action_05.jpg',1);MM_swapImage('Image5','','images/action_05.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
    <td><img src="images/presentation_18.jpg" width="36" height="122" /></td>
    </tr>
    <tr>
    <td><img src="images/presentation_19.jpg" width="52" height="28" /></td>
    <td><img src="images/presentation_20.jpg" width="282" height="28" /></td>
    <td><img src="images/presentation_21.jpg" width="64" height="28" /></td>
    <td><img src="images/presentation_22.jpg" width="116" height="28" /></td>
    <td><img src="images/presentation_23.jpg" width="120" height="28" /></td>
    <td><img src="images/presentation_24.jpg" width="124" height="28" /></td>
    <td><img src="images/presentation_25.jpg" width="124" height="28" /></td>
    <td><img src="images/presentation_26.jpg" width="106" height="28" /></td>
    <td><img src="images/presentation_27.jpg" width="36" height="28" /></td>
    </tr>
    <tr>
    <td><img src="images/presentation_28.jpg" width="52" height="442" /></td>
    <td><img src="images/presentation_29.jpg" width="282" height="442" /></td>
    <td><img src="images/presentation_30.jpg" width="64" height="442" /></td>
    <td><img src="images/presentation_31.jpg" width="116" height="442" /></td>
    <td><img src="images/presentation_32.jpg" width="120" height="442" /></td>
    <td><img src="images/presentation_33.jpg" width="124" height="442" /></td>
    <td><img src="images/presentation_34.jpg" width="124" height="442" /></td>
    <td><img src="images/presentation_35.jpg" width="106" height="442" /></td>
    <td><img src="images/presentation_36.jpg" width="36" height="442" /></td>
    </tr>
    <tr>
    <td><img src="images/presentation_37.jpg" width="52" height="50" /></td>
    <td><img src="images/presentation_38.jpg" width="282" height="50" /></td>
    <td><img src="images/presentation_39.jpg" width="64" height="50" /></td>
    <td><img src="images/presentation_40.jpg" width="116" height="50" /></td>
    <td><img src="images/presentation_41.jpg" width="120" height="50" /></td>
    <td><img src="images/presentation_42.jpg" width="124" height="50" /></td>
    <td><img src="images/presentation_43.jpg" width="124" height="50" /></td>
    <td><img src="images/presentation_44.jpg" width="106" height="50" /></td>
    <td><img src="images/presentation_45.jpg" width="36" height="50" /></td>
    </tr>
    <tr>
    <td><img src="images/presentation_46.jpg" width="52" height="50" border="0" /></a></td>
    <td><img src="images/presentation_47.jpg" width="282" height="50" /></td>
    <td><img src="images/presentation_48.jpg" width="64" height="50" /></td>
    <td><img src="images/presentation_49.jpg" width="116" height="50" /></td>
    <td><img src="images/presentation_50.jpg" width="120" height="50" /></td>
    <td><img src="images/presentation_51.jpg" width="124" height="50" /></td>
    <td><img src="images/presentation_52.jpg" width="124" height="50" /></td>
    <td><img src="images/presentation_53.jpg" width="106" height="50" /></td>
    <td><img src="images/presentation_54.jpg" width="36" height="50" /></td>
    </tr>
    </table></td>
    </tr>
    </table>

    </body>
    </html>
    0
  13. Utilisateur anonyme
     
    Salut j'ai vu le problème :sur FF, lorsqu'on clique sur l'image, et bein on voit des pointillé rouge autour .Or ce n'est pas le cas chez IE .

    En fait ton problème ne se résoudra jamais, car FF fait toujours des pointillé lorsqu'on clique sur un lien !, il a été fait comme ça, c'est sa nature .
    0

Discussions similaires

Copier un lien instagram
alaurore -
LEFEUVRE -

7 réponses
Retrouver liens copiés sur le téléphone
SAMA -
Lylou -

2 réponses
copie d'un lien dans le navigateur internet
Ulysse Orseau -
diamantnoir -

4 réponses
Rajouter des éléments à un menu en HTML
leparradiss -
David -

11 réponses