Désactiver le surlignage des lien ds firefox

Fermé

dabigben Messages postés 1914 Date d'inscription vendredi 23 novembre 2007 Statut Membre Dernière intervention 13 octobre 2023 - 24 janv. 2010 à 18:58
dabigben Messages postés 1914 Date d'inscription vendredi 23 novembre 2007 Statut Membre Dernière intervention 13 octobre 2023 - 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

A voir également:

Désactiver le surlignage des lien ds firefox
Créer un lien pour partager des photos - Guide
Lien url - Guide
Verifier un lien - Guide
Desactiver instagram - Guide
Video downloadhelper firefox - Télécharger - Outils pour navigateurs

7 réponses

Réponse 1 / 7

steph32 Messages postés 96 Date d'inscription jeudi 25 novembre 2004 Statut Membre Dernière intervention 1 novembre 2010 56
24 janv. 2010 à 19:21

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+

Réponse 2 / 7

bg62 Messages postés 23661 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 30 novembre 2024 2 389
24 janv. 2010 à 20:23

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

Réponse 3 / 7

dabigben Messages postés 1914 Date d'inscription vendredi 23 novembre 2007 Statut Membre Dernière intervention 13 octobre 2023 179
25 janv. 2010 à 12:21

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

Réponse 4 / 7

desperateman Messages postés 396 Date d'inscription vendredi 22 septembre 2006 Statut Membre Dernière intervention 8 septembre 2014 21
25 janv. 2010 à 12:59

t'aurais pas installé un add on pour firefox qui surlignerait les liens par hasard

dabigben Messages postés 1914 Date d'inscription vendredi 23 novembre 2007 Statut Membre Dernière intervention 13 octobre 2023 179
25 janv. 2010 à 13:09

non c'est bon il ne surligne plus avec border="0"

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

Posez votre question

Réponse 5 / 7

dabigben Messages postés 1914 Date d'inscription vendredi 23 novembre 2007 Statut Membre Dernière intervention 13 octobre 2023 179
25 janv. 2010 à 13:08

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

Réponse 6 / 7

bg62 Messages postés 23661 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 30 novembre 2024 2 389
25 janv. 2010 à 15:02

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 1914 Date d'inscription vendredi 23 novembre 2007 Statut Membre Dernière intervention 13 octobre 2023 179
26 janv. 2010 à 13:00

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 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360 > dabigben Messages postés 1914 Date d'inscription vendredi 23 novembre 2007 Statut Membre Dernière intervention 13 octobre 2023
26 janv. 2010 à 14:15

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 1914 Date d'inscription vendredi 23 novembre 2007 Statut Membre Dernière intervention 13 octobre 2023 179 > RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024
27 janv. 2010 à 09:24

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

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

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

Réponse 7 / 7

dabigben Messages postés 1914 Date d'inscription vendredi 23 novembre 2007 Statut Membre Dernière intervention 13 octobre 2023 179
26 janv. 2010 à 12:56

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

Discussions similaires

"Aucune application permettant d'ouvrir cette URL"

lien copié

Comment retrouver des lien copier sur sont téléphone

Rajout de lien sur plusieurs pages