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;
}
A voir également:
- Liens soulignés sous IE et safari
- Safari pour windows - Télécharger - Navigateurs
- Vérificateur de liens - Guide
- Ie tab - Télécharger - Outils pour navigateurs
- Télécharger safari mac - Télécharger - Navigateurs
- Telecharger liens direct - Accueil - Outils
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
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
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>
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>
++
Merci de penser à utiliser le bouton indiqué
--
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é
--
