Désactiver le surlignage des lien ds firefox

dabigben Messages postés 2110 Statut Membre -
dabigben Messages postés 2110 Statut Membre - 27 janv. 2010 à 13:13

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

Configuration: ça dépend d'ou je suis!!!

Afficher la suite

7 réponses

Réponse 1 / 7
steph32 Messages postés 98 Statut Membre 56

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+
0
Réponse 2 / 7
bg62 Messages postés 23433 Date d'inscription Statut Modérateur Dernière intervention 2 435
manque une foule de choses:
- 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à ...
0
Réponse 3 / 7
dabigben Messages postés 2110 Statut Membre 188

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!!
0
Réponse 4 / 7
desperateman Messages postés 396 Date d'inscription Statut Membre Dernière intervention 21

t'aurais pas installé un add on pour firefox qui surlignerait les liens par hasard
0
1. dabigben Messages postés 2110 Statut Membre 188
  
  non c'est bon il ne surligne plus avec border="0"
  
  0
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Réponse 5 / 7
dabigben Messages postés 2110 Statut Membre 188

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 !!!
0

bg62 Messages postés 23433 Date d'inscription Statut Modérateur Dernière intervention 2 435

dans ta css:

.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 ....

dabigben Messages postés 2110 Statut Membre 188

Ce lien etait la :

.btn1
{

width : 130px ;
height : 35px ;

background-image: url(btn/btngal1.jpg) ;
}

mais la j'ai changé le code j'ai mis celui donné par radzone, mais ça ne convient pas, enfin pas pour l'instant je vais essayer de l'arranger...

RAD ZONE Messages postés 5362 Statut Contributeur 1 360 > dabigben Messages postés 2110 Statut Membre

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 !

 <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>

dabigben Messages postés 2110 Statut Membre 188 > RAD ZONE Messages postés 5362 Statut Contributeur

Ok, je vais essayer ça, malgré que le code est un peu complexe pour moi lol, mais je devrais y arriver...J'te tiens au jus radzone et merci !!
0

RAD ZONE Messages postés 5362 Statut Contributeur 1 360 > dabigben Messages postés 2110 Statut Membre

C est simple

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&#39;il vous plaits !), composées entièrement par ordinateur, à mes
        heures perdues (et Dieu sait qu&#39;il y en a !).
        <br />
        N&#39;hésitez pas aussi à visiter la galerie d&#39;art, euh...de photos quoi...
        <br />
        Je consacre également une page à la description du matériel et des logiciels que j&#39;utilise ou que
        j&#39;aimerais utiliser pour faire du son, ça peut aiguiller quelqu&#39;un on ne sait jamais !
        <br />
        Et enfin une pages sera un peu le garde-manger des logiciels puisque j&#39;y référencerais les logiciels libres
        qui me servent souvent, et qui méritent d&#39;être partagés...
        <br />
        Et en plus de tout ça, créer ce site est un peu un entraînement pour moi donc c&#39;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 !!!!!

dabigben Messages postés 2110 Statut Membre 188 > RAD ZONE Messages postés 5362 Statut Contributeur

Merci radzone franchement c'est sympa de prendre du temps po les autres !!!

J'ai mis ton code en ligne, mais je n'ai pas vraiment le temps la tout de suite (au taf), je me pencherais dessus apres le taf... un grand merci en tout cas, je repars sur une meilleure base...
0

Réponse 7 / 7
dabigben Messages postés 2110 Statut Membre 188

Merci RADZONE (les appli flash sont de toi je crois non ?)

J'ai remplacé le code de mon index et voila ce que ça donne :

http://skyzotronic.free.fr

bizarre...
0

Désactiver le surlignage des lien ds firefox

7 réponses

Discussions similaires

Newsletters