Liens soulignés sous IE et safari
Ines03
-
Ines03 -
Ines03 -
Bonjour,
J'ai un problem avec mes liens : ils restent soulignés et bleus sous safari et IE alors que je n'ai aucun souci avec firefox.
J'en avais tellement mare que vous allez voir du " text-decoration : none " un peu partout. Enfin, rien y fait!
Si vous avez une idée, n'hésitez pas.
Merci d'avance
#gauche ul {
width:100%;
padding:0;
margin:0;
padding-top:20px;
list-style-type:none;
text-decoration:none;
}
#gauche ul li{
width:100%;
padding:0;
margin:0;
background-color:#0A50A1;
border:solid 3px #FFFFFF;
margin-bottom:20px;
text-indent:15px;
font-family:"Courier New", Courier, monospace;
line-height:30px;
font-size:24px;
text-decoration:none;
}
#gauche ul li a{
text-decoration:none;
color:#FFFFFF;
}
#gauche ul li a:hover{
text-decoration:none;
color:#66FF33;
}
#gauche h3 {
margin:0;
padding:15px;
padding-top:5px;
padding-bottom:5px;
font-size:14px;
line-height:14px;
text-decoration:none;
color:#fff;
background-color:#0A50A1;
border-bottom:solid #fff 2px;
}
#gauche h3 a{
color:#fff;
text-decoration:none;
}
#gauche h3 a:hover{
text-decoration:none;
color:#66FF33;
}
J'ai un problem avec mes liens : ils restent soulignés et bleus sous safari et IE alors que je n'ai aucun souci avec firefox.
J'en avais tellement mare que vous allez voir du " text-decoration : none " un peu partout. Enfin, rien y fait!
Si vous avez une idée, n'hésitez pas.
Merci d'avance
#gauche ul {
width:100%;
padding:0;
margin:0;
padding-top:20px;
list-style-type:none;
text-decoration:none;
}
#gauche ul li{
width:100%;
padding:0;
margin:0;
background-color:#0A50A1;
border:solid 3px #FFFFFF;
margin-bottom:20px;
text-indent:15px;
font-family:"Courier New", Courier, monospace;
line-height:30px;
font-size:24px;
text-decoration:none;
}
#gauche ul li a{
text-decoration:none;
color:#FFFFFF;
}
#gauche ul li a:hover{
text-decoration:none;
color:#66FF33;
}
#gauche h3 {
margin:0;
padding:15px;
padding-top:5px;
padding-bottom:5px;
font-size:14px;
line-height:14px;
text-decoration:none;
color:#fff;
background-color:#0A50A1;
border-bottom:solid #fff 2px;
}
#gauche h3 a{
color:#fff;
text-decoration:none;
}
#gauche h3 a:hover{
text-decoration:none;
color:#66FF33;
}
Configuration: Mac OS X Firefox 2.0.0.11
6 réponses
-
-
Merci. J'ai essayé, mais ça ne marche toujours pas.
Aurais tu une autre idée éventuellement?
C'est rare que ça me le fasse aussi sous safari parce qu'il réagit plus souvent comme firefox.
Merci -
Bonjour,
Il faudrait peut-être aussi voir comment tu utilises tout ça dans le code HTML ?
-- -
Voici mon code html concernant le menu .
Merci pour vos réponses.
<div id="gauche">
<ul>
<a class="current" href="index.html"><li>Un Avenir électrique</li></a>
<a href="contexte.html"><li>Contexte et Concept</li></a>
<a href="vehicule.html"><li>Véhicules électriques</li></a>
<a href="village.html"><li>Village électrique</li></a>
<a href="concept.html"><li>Concept éco-Sphère</li></a>
</ul>
</div> -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Ah, ben comme ça, ça va mieux.
Les <li> ne marchent pas dans ce sens-là.
Les <a> seraient mieux dedans. Plutôt que l'inverse.
Et les textes des liens dans les liens, pas dans les <li><div id="gauche"> <ul> <li><a class="current" href="index.html">Un Avenir électrique</a></li> <li><a href="contexte.html">Contexte et Concept</a></li> <li><a href="vehicule.html">Véhicules électriques</a></li> <li><a href="village.html">Village électrique</a></li> <li><a href="concept.html">Concept éco-Sphère</a></li> </ul> </div>
++
Merci de penser à utiliser le bouton indiqué
-- -
