Bordure couleur sur lien
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
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
-
Contributeursalut,
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.
-
ak ok merci pour l'info
-
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 . -
ok, je vais voir ça
-
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> -
ok
tu utilise quel navigateur?
repond moi et je te dirai plus -
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
-
ok, j'arrive
-
Bahhhhhh
oui en fait.... -
ta besoin d'aide ?
-
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 ??? -
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 !!
-
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...
