Sujet Précédent Sujet Suivant

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
A voir également:

13 réponses

Réponse 1 / 13
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
Réponse 2 / 13
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
Réponse 3 / 13
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
Réponse 4 / 13
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

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

Posez votre question
Réponse 5 / 13
Utilisateur anonyme
 
ta besoin d'aide ?
0
Réponse 6 / 13
Megane
 
Bahhhhhh
oui en fait....
0
Réponse 7 / 13
Utilisateur anonyme
 
ok, j'arrive
0
Réponse 8 / 13
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
Réponse 9 / 13
moderster Messages postés 47 Statut Membre
 
ok
tu utilise quel navigateur?
repond moi et je te dirai plus
0
Réponse 10 / 13
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
Réponse 11 / 13
Utilisateur anonyme
 
ok, je vais voir ça
0
Réponse 12 / 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
Réponse 13 / 13
Megane
 
ak ok merci pour l'info
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
ne pas utiliser la souris mais le clavier
isabela -
thomas-richet -

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

11 réponses