[resolu]Différence d'apparence ie & firefox

Salut à tous,

je débute et je suis d'ailleurs en ce moment sur le livre de l'auteur de ce site je crois ? (css 2 pratique du design web)

au chapitre 11 page 151-52 la création d'un menu simple est proposée.
voici le code html:

<ul id="menu">
 <li>
  <a href="#">Lien 1<span>Texte visible au survol du lien n°1</span></a>
 </li>
 <li>
  <a href="#">Lien 2<span>Texte visible au survol du lien n°2</span></a>
 </li>
 <li>
  <a href="#">Lien 3<span>Texte visible au survol du lien n°3</span></a>
 </li>
 <li>
  <a href="#">Lien 4<span>Texte visible au survol du lien n°4</span></a>
 </li>
</ul>

et css:

ul {
list-style-type: none;
margin: 0 auto;
padding: 0;
/* positionnement du menu pour contenir des éléments positionnés */
width: 500px;
}

li {
position: relative;
float: left;
border-bottom: 1px solid black;
}

#menu a { /* définition de chaque bouton du menu */
width: 100px;
height: 20px;
float: left;
display: block;
text-align: center;
border: 1px solid #fff;
text-decoration: none;
color: #000;
background: #fff;
}

#menu a:hover {
color: #411;
background: #aaa;
border: 1px solid black;
border-bottom: 1px solid #555;
}

#menu a span { /* définition de la balise span incluse dans le lien */
display: none;
}

#menu a:hover span { /* définition de la balise span lors du survol */
display: block;
position: absolute;
top: 23px;
left: 0;
width: 300px;
text-align: left;
color: #000;
}

mon problème est le suivant: losque l'on clique les liens l'apparence des listes <li> change. Dans firefox le lien est (une fois cliqué) entouré d'une bordure (gauche et bas) en pointillés.

est-ce normal ou est ce propre à ce navigateur ?
si non y a t-il un moyen de régler ce problème ?

merci pour votre aide
Modifié par ludophil (08 Jun 2006 - 22:56)

Bonjour Ludophil,

Si je comprends bien ton soucis, je dirais que c'est normal lorsque le focus est sur le lien. Si tu cliques ailleurs, cette bordure disparait.

Donc, ce n'est pas une déclaration au niveau des styles css que tu fournis, il s'agit d'une fonction normale du navigateur.

Par contre, j'ignore si il est possible de faire disparaître cet effet et surtout si c'est recommandé de le faire, notamment pour les personnes qui naviguent à l'aide du clavier.
Modifié par Vero (05 Apr 2006 - 14:31)

ok merci pour la réponse...

exact le fait de cliquer ailleurs annule cet effet (qui n'existe pas sur I.E)
donc il semblerait que cela soit lié au navigateur(firefox) lui-même.

OK ! c'est réglé

Merci de bien vouloir l'indiquer dans ton titre, en insérant un Resolu comme demandé dans les règles du forum.

Au passage, je te suggère de modifier le libellé, par exemple de la manière suivante :

"Bordure en pointillé sur le liens ?"

Les différences d'affichage entrer IE et FF font l'objet de nombreuses questions et ton titre sera difficilement exploitable lors d'une recherche sur le forum.

Merci de ta compréhension.


Modifié par Vero (05 Apr 2006 - 14:45)