HTMLCSS PAS souligné au survol avec IE

Résolu/Fermé
Messages postés
42
Date d'inscription
mercredi 8 juillet 2009
Statut
Membre
Dernière intervention
30 juin 2013
-
Messages postés
42
Date d'inscription
mercredi 8 juillet 2009
Statut
Membre
Dernière intervention
30 juin 2013
-
Bonjour,
J'ai un problème pour souligné au survol un lien de type balise sous Internet explorer, MAIS ça marche très bien avec Mozilla.
En fait, j'ai un genre d'index en début de page et en cliquant sur "Eglise", ça m'amène direct au paragraphe sur cette église, dans la même page. La contrainte c'est que je dois le laisser en font H3 car il a une taille, une couleur précise.De plus, j'ai placer cet index dans une div (class="infocarte") car sinon les titre de mes paragraphes Eglise et Eglise2 sont surlignés au survol.
Code html
<div id="centrecarte">
<div id="main_carte">
<div class="infocarte">
<a href="#1"><h3>Eglise</h3></a>
<a href="#2"><h3>Eglise2</h3></a>
</div></div>
...........
<a name="1"><h3>Eglise </h3></a>.....paragraphe Eglise...
<a name="2"><h3>Eglise2 </h3></a>.....paragraphe Eglise2....
</div>
Code CSS
A { color: #410388; text-decoration: none; }
A:hover { color: #f47900; text-decoration: none;}
H3 A { color: #5b7a92; text-decoration: none; }
H3 A:hover { color: #5b7a92; text-decoration: none;}
#main_carte .infocarte a h3{ MARGIN: 0px 0px 6px 0px;}
#main_carte .infocarte A H3:hover { color: #f47900; text-decoration: none; }

En résumé: Sous mozilla (ça marche comme je veux):
j'ai mes liens (en début de page) en 5b7a92 qui m'amène à mes paragraphes (coloré au survol en f47900:NE MARCHE PAS EN IE)
j'ai les liens dans le texte normal en 410388 (coloré au survol en f47900:MARCHE EN IE)
j'ai mes titre de paragraphes en 5b7a92 qui ne sont pas colorés au survol
Quelqu'un a t'il une idée?
MERCI

3 réponses

Messages postés
816
Date d'inscription
samedi 21 juin 2008
Statut
Membre
Dernière intervention
17 juillet 2012
184
rajoutes un href à tes a, ca devrait marcher mieux :

<div id="centrecarte">
<div id="main_carte">
<div class="infocarte">
<a href="#1"><h3>Eglise</h3></a>
<a href="#2"><h3>Eglise2</h3></a>
</div></div>
...........
<a id="1" href="#1"><h3>Eglise </h3></a>.....paragraphe Eglise...
<a id="2" href="#2"><h3>Eglise2 </h3></a>.....paragraphe Eglise2....
</div>
Messages postés
7472
Date d'inscription
vendredi 14 octobre 2005
Statut
Contributeur
Dernière intervention
5 juin 2020
903
STOP!
On n'inclut pas une balises de type block dans une balise de type inline!
Donc, on ne met pas de balise h3 dans une balise a.
Messages postés
42
Date d'inscription
mercredi 8 juillet 2009
Statut
Membre
Dernière intervention
30 juin 2013
4
Désolé ça ne marche toujours pas.
En fait le lien fonctionne très bien c'est son survol qui ne marche pas avec IE.
Je ne comprend pas très bien, car le survol des liens qui sont dans la texte (donc pas en H3) fonctionne très bien avec IE, mais le survol de mes lien en font H3 ne marche pas avec IE. Peut être c'est un problème avec le CSS
#main_carte .infocarte A H3:hover { color: #f47900; text-decoration: none; } qui n'est pas reconnu.
POURTANT j'ai cette ligne qui règle l'intervalle entre les liens qui fonctionne très bien sous IE:
#main_carte .infocarte a h3{ MARGIN: 0px 0px 6px 0px;}
ce qui veut dire que c'est correctement écrit.
Je sais pas c'est un détail mais j'aurai bien aimé le régler
Messages postés
42
Date d'inscription
mercredi 8 juillet 2009
Statut
Membre
Dernière intervention
30 juin 2013
4
Ok merci de la précision, j'ai contourner le problème en supprimant les H3 et en créant une classe pour les a href.