Désactiver le surlignage des lien ds firefox
dabigben
Messages postés
1913
Date d'inscription
Statut
Membre
Dernière intervention
-
dabigben Messages postés 1913 Date d'inscription Statut Membre Dernière intervention -
dabigben Messages postés 1913 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Voila, je m'entraine un peu a faire ma page web en Html css Et j'ai mis des boutons pour naviguer d'une page a une autre mais sous firefox ces boutons se surligne en rouge comme les autres liens, est-ce possible de desactiver cette fonction ? Autre question, sur ces meme boutons (sous firefox), s'affiche une petite icone genre "fichier cassé", je ne vois pas pourquoi...
http://skyzotronic.free.fr
Voila, je m'entraine un peu a faire ma page web en Html css Et j'ai mis des boutons pour naviguer d'une page a une autre mais sous firefox ces boutons se surligne en rouge comme les autres liens, est-ce possible de desactiver cette fonction ? Autre question, sur ces meme boutons (sous firefox), s'affiche une petite icone genre "fichier cassé", je ne vois pas pourquoi...
http://skyzotronic.free.fr
A voir également:
- Désactiver le surlignage des lien ds firefox
- Desactiver rond bleu whatsapp - Guide
- Créer un lien pour partager des photos - Guide
- Lien url - Guide
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Verificateur de lien - Guide
7 réponses
salut,
pour les images qui sont des liens il faut ajouter border="0" dans la balise img
pour la petite icone, je ne vois pas, mais le code de ton site est un peu particulier, il y a beaucoup de chose qui se trouve dans le css qui sont habituellement dans le code html. c'est peut-être un bug de Firefox.
a+
pour les images qui sont des liens il faut ajouter border="0" dans la balise img
pour la petite icone, je ne vois pas, mais le code de ton site est un peu particulier, il y a beaucoup de chose qui se trouve dans le css qui sont habituellement dans le code html. c'est peut-être un bug de Firefox.
a+
manque une foule de choses:
- charset
- doctype
- css externalisée
- balises dans la partie "head"
-
pas bon du tout ...
ben y a du boulot là ...
- charset
- doctype
- css externalisée
- balises dans la partie "head"
-
<head> <div class="topbanner"> <img border="0" align="center" src="img/ban.jpg" /> </div> </head>
pas bon du tout ...
ben y a du boulot là ...
lol, ok je verrais ça ce soir, les balises <style> se mettent dans <head> non ?
border="0" ça marche mais j'ai toujours un pb avec firefox sur l'affichage de mes boutons. Alors selon la version de firefox, c'est pas la meme chose, a mon taf c'est un point rouge qui apparait sur mon bouton, c'est vraiment bizarre!!
border="0" ça marche mais j'ai toujours un pb avec firefox sur l'affichage de mes boutons. Alors selon la version de firefox, c'est pas la meme chose, a mon taf c'est un point rouge qui apparait sur mon bouton, c'est vraiment bizarre!!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bon ! au seeeecooouuurs ! J'ai ajouté la Doctype , la head et j'ai mi les <style> dans le body et la que vois-je, firefox n'affiche meme plus mes boutons !!!!!!!!!!!!!!!!!!!!!!!!! Alors que IE oui, ça alors!
pliz heeeeeeeeeeeeeeeeeeeelp !!!
pliz heeeeeeeeeeeeeeeeeeeelp !!!
dans ta css:
dans ton codage:
où se trouve le lien vers "http://skyzotronic.free.fr/btn/btngal1.jpg" ????
il n'existe pas dans la page ....
.btn1
{
width : 130px ;
height : 35px ;
background-image: url(btn/btngal1.jpg) ;
}
.btn1:hover
{
height : 35px ;
background-image: url(btn/btngal2.jpg) ;
}
.btn1:active
{
height : 35px ;
background-image: url(btn/btngal3.jpg) ;
}
dans ton codage:
.btn1 {
background-image:url(btn/btngal1.jpg);
height:35px;
width:130px;
}
où se trouve le lien vers "http://skyzotronic.free.fr/btn/btngal1.jpg" ????
il n'existe pas dans la page ....
C est dans le menu que ca vas pas !!
change pour un vrais menu !!
dans le html tu remplace la div menu1 par celle ci !
et dans le css tu rajoute
tu pourras ensuite sans problemes rajouter des liens si tu en as besoin !!
tu rajouteras pour la CSS par exemple
et un il dans le html !!
change pour un vrais menu !!
dans le html tu remplace la div menu1 par celle ci !
<div class="menu1">
<ul class="menu">
<li class="gal"><a href="gal.html">gal</a></li>
</ul>
</div>
et dans le css tu rajoute
.menu {
margin: 0;
padding: 0;
list-style: none;
background-color: #000000;
}
.menu li {
padding: 0;
margin: 0;
height: 35px;
margin-right: 1em;
list-style: none;
background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
display: block;
text-decoration: none;
text-indent: -1000px;
height: 35px;
background-repeat: no-repeat;
}
.gal {
background: url('img/btnacc2.jpg');
width: 130px;
}
.gal a {
background: url('img/btnacc1.jpg');
}
ul.menu li a:hover {
background: none;
}
.menu li {
float: left;
}
.menu:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
tu pourras ensuite sans problemes rajouter des liens si tu en as besoin !!
tu rajouteras pour la CSS par exemple
.2 EME LIEN {
background: url('img/btn2 EME LIEN.jpg');
width: 130px;
}
.2 EME LIEN a {
background: url('img/btn2 EME LIEN1.jpg');
}
et un il dans le html !!
<div class="menu1">
<ul class="menu">
<li class="gal"><a href="gal.html">gal</a></li>
<li class="2 EME LIEN"><a href="2 EME LIEN.html">2 EME LIEN</a></li>
</ul>
</div>
C est simple
voila le code essaye et regarde , j ai mis un 2eme bouton dans ton menu !!!
j ai laisser dans le CSS les menu2 et menu3 qui sur ta page ne servent pas !!!!!
voila le code essaye et regarde , j ai mis un 2eme bouton dans ton menu !!!
<!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" xml:lang="fr" lang="fr">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/*<![CDATA[*/
body {
margin-top: 270px;
width: 1024px;
margin-left: auto;
margin-right: auto;
background-color: #000000;
}
.topbanner {
position: absolute;
top: 0;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 1024px;
height: 200px;
}
.t1 {
color: #FFFFFF;
font-weight: bold;
width: 200px;
background: url('img/bgt.jpg');
}
.menu1 {
width: 600px;
height: 35px;
margin-top: 0px;
background: url('img/bg2.png');
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
background-repeat: no-repeat;
}
.menu2 {
width: 150px;
height: 150px;
margin-top: 0px;
background: url('img/priz.jpg');
background-repeat: no-repeat;
margin-left: 0px;
}
.menu3 {
width: 150px;
height: 150px;
background: url('img/sms.gif');
background-repeat: no-repeat;
margin-right: 0px;
float: right;
}
.pl1 {
margin-top: 0px;
width: 200px;
background-color: #000000;
float: left;
}
.p1 {
width: 800px;
color: #000000;
font-weight: bold;
margin-left: auto;
margin-right: auto;
}
.para1 {
width: 800px;
margin-left: 221px;
margin-top: 60px;
background-color: #FFFFFF;
background: url('img/25le.jpg');
background-repeat: no-repeat;
border-style: ridge;
}
div.cat {
background: url('btn/btngal1.jpg');
width: 199px;
height: 124px;
border: 1px solid;
}
div.Oeuvres {
color: #FFFFFF;
text-align: center;
}
.menu {
margin: 0;
padding: 0;
list-style: none;
}
.menu li {
padding: 0;
margin: 0;
height: 35px;
margin-right: 1em;
list-style: none;
background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
display: block;
text-decoration: none;
text-indent: -1000px;
height: 35px;
background-repeat: no-repeat;
}
.acc {
background: url('img/btnacc2.jpg');
width: 130px;
}
.acc a {
background: url('img/btnacc1.jpg');
}
.gal {
background: url('img/btngal2.jpg');
width: 130px;
}
.gal a {
background: url('img/btngal1.jpg');
}
ul.menu li a:hover {
background: none;
}
.menu li {
float: left;
}
.menu:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*]]>*/
</style>
</head>
<body>
<div class="topbanner">
<img border="0" src="img/ban.jpg" alt="img" />
</div>
<div class="menu1">
<ul class="menu">
<li class="acc">
<a href="acc.html">acc</a>
</li>
<li class="gal">
<a href="gal.html">gal</a>
</li>
</ul>
</div>
<div class="pl1">
<br />
<table class="t1" border="1">
<tr>
<td>
<div class="Oeuvres">
Oeuvres de
<br />
SkyzoTronic :
</div>
</td>
</tr>
<tr>
<td>
<div class="cat"></div>
</td>
</tr>
<tr>
<td>
Titre : Say YES !
<br />
<object type="application/x-shockwave-flash" data="players/player_mp3.swf?mp3=mp3/say_yes.mp3" width="200"
height="20">
<param name="movie" value="players/player_mp3.swf?mp3=mp3/say_yes.mp3" />
<param name="wmode" value="transparent" />
</object>
</td>
</tr>
<tr>
<td>
Titre : Water Flower
<br />
<object type="application/x-shockwave-flash" data="players/player_mp3.swf?mp3=mp3/water_flower.mp3" width=
"200" height="20">
<param name="movie" value="players/player_mp3.swf?mp3=mp3/water_flower.mp3" />
<param name="wmode" value="transparent" />
</object>
</td>
</tr>
<tr>
<td>
Titre : Crystal
<br />
<object type="application/x-shockwave-flash" data="players/player_mp3.swf?mp3=mp3/crystal.mp3" width="200"
height="20">
<param name="movie" value="players/player_mp3.swf?mp3=mp3/crystal.mp3" />
<param name="wmode" value="transparent" />
</object>
</td>
</tr>
<tr>
<td>
Titre : Recette de grand-mère
<br />
<object type="application/x-shockwave-flash" data="players/player_mp3.swf?mp3=mp3/rdgm.mp3" width="200"
height="20">
<param name="movie" value="players/player_mp3.swf?mp3=mp3/rdgm.mp3" />
<param name="wmode" value="transparent" />
</object>
</td>
</tr>
</table>
</div>
<div class="para1">
<p class="p1">
Bienvenue sur le site perso de SkyzoTronic ! Sur ces humbles pages, vous pourrez écouter gratuitement mes
dernières créations musicales (protégées s'il vous plaits !), composées entièrement par ordinateur, à mes
heures perdues (et Dieu sait qu'il y en a !).
<br />
N'hésitez pas aussi à visiter la galerie d'art, euh...de photos quoi...
<br />
Je consacre également une page à la description du matériel et des logiciels que j'utilise ou que
j'aimerais utiliser pour faire du son, ça peut aiguiller quelqu'un on ne sait jamais !
<br />
Et enfin une pages sera un peu le garde-manger des logiciels puisque j'y référencerais les logiciels libres
qui me servent souvent, et qui méritent d'être partagés...
<br />
Et en plus de tout ça, créer ce site est un peu un entraînement pour moi donc c'est cool !!!
</p>
<br />
<br />
<br />
<br />
<br />
</div>
</body>
</html>
j ai laisser dans le CSS les menu2 et menu3 qui sur ta page ne servent pas !!!!!
