HTMLCSS PAS souligné au survol avec IE

Résolu/Fermé
chups21800 Messages postés 42 Date d'inscription mercredi 8 juillet 2009 Statut Membre Dernière intervention 30 juin 2013 - 5 août 2009 à 14:14
chups21800 Messages postés 42 Date d'inscription mercredi 8 juillet 2009 Statut Membre Dernière intervention 30 juin 2013 - 11 août 2009 à 12:24
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
A voir également:

3 réponses

jeangilles Messages postés 816 Date d'inscription samedi 21 juin 2008 Statut Membre Dernière intervention 17 juillet 2012 185
5 août 2009 à 14:37
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>
0
Zempachi Messages postés 7472 Date d'inscription vendredi 14 octobre 2005 Statut Contributeur Dernière intervention 5 juin 2020 906
6 août 2009 à 08:54
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.
0
chups21800 Messages postés 42 Date d'inscription mercredi 8 juillet 2009 Statut Membre Dernière intervention 30 juin 2013 3
6 août 2009 à 07:29
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
0
chups21800 Messages postés 42 Date d'inscription mercredi 8 juillet 2009 Statut Membre Dernière intervention 30 juin 2013 3
11 août 2009 à 12:24
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.
0