CSS/Problèmes avec a:hover et type de police [Résolu/Fermé]

Signaler
Messages postés
375
Date d'inscription
mardi 13 mai 2008
Statut
Membre
Dernière intervention
15 février 2010
-
Messages postés
375
Date d'inscription
mardi 13 mai 2008
Statut
Membre
Dernière intervention
15 février 2010
-
Bonjour,

J'ai deux petits problèmes :

1) Je souhaite que les liens de mon site deviennent orange lorsque la souris passe dessus, j'ai donc inséré le code suivant dans ma feuille de style : "a:hover {color:orange}". Jusque là tout va bien puisque ça marche. Mais ce que je ne comprends pas c'est que dans ma feuille de style je possède une autre valeur qui est "body {margin:auto}" et que lorsque j'enlève cette valeur de ma feuille de style la valeur "a:hover {color:orange}" ne fonctionne plus =(

Voici le début de ma feuille de style (sachant que les liens se trouvent dans une iFrame) :

<!--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
body {margin:auto}
a:hover {color:orange}
a {text-decoration:none;color:black}
a img {border:none}

2) Je ne parvients pas à changer la police de mes textes. J'ai pourtant essayé de mettre la valeur "font-family:Georgia" dans "body" et dans l'élément qui contient les textes en question ("bodyg") mais rien à faire.

Voici le début de ma feuille de style (sachant que les textes sont des liens et qu'ils se trouvent dans une iFrame) :

<!--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
body {margin:auto}
a:hover {color:orange}
a {text-decoration:none;color:black}
a img {border:none}
#head {margin-bottom:25px}
#foot {margin-top:25px}
#bodyg {margin-right:10px;font-family:Georgia} <--- Il s'agit de l'élément qui contient les textes
#bodyd {margin-left:10px;font-family:Georgia}

Merci d'avance.

1 réponse

Messages postés
375
Date d'inscription
mardi 13 mai 2008
Statut
Membre
Dernière intervention
15 février 2010
29
Bon finalement je n'ai plus qu'un seul problème. J'ai réglé celui de la police ("2").

<!--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
body {margin:auto}
a:hover {color:orange}
a {text-decoration:none;color:black}
a img {border:none}
#head {margin-bottom:25px}
#bodyg {margin-right:10px}
#bodyd {margin-left:10px}
#foot {margin-top:25px}
#barv1cadre1 {position:absolute;top:45px;left:4px}
#barv2cadre1 {position:absolute;top:45px;left:534px}
#barh1cadre1 {position:absolute;top:4px;left:46px}
#barh2cadre1 {position:absolute;top:343px;left:46px}
#ballhgcadre1 {position:absolute;top:0px;left:0px}
#ballhdcadre1 {position:absolute;top:0px;left:524px}
#ballbgcadre1 {position:absolute;top:334px;left:0px}
#ballbdcadre1 {position:absolute;top:334px;left:524px}
#textebienvenue {position:absolute;top:57px;left:50px}
#barv1cadre2 {position:absolute;top:435px;left:4px}
#barv2cadre2 {position:absolute;top:435px;left:534px}
#barh1cadre2 {position:absolute;top:394px;left:46px}
#barh2cadre2 {position:absolute;top:532px;left:46px}
#ballhgcadre2 {position:absolute;top:390px;left:0px}
#ballhdcadre2 {position:absolute;top:390px;left:524px}
#ballbgcadre2 {position:absolute;top:523px;left:0px}
#ballbdcadre2 {position:absolute;top:523px;left:524px}
#texteinfos {position:absolute;top:437px;left:50px}
#menuball1 {position:absolute;top:7px;left:0px}
#textemenuball1 {position:absolute;top:9px;left:35px;font-size:20px;font-family:Georgia;background-color:transparent} <--- J'ai installé la valeur ici. J'ai compri que "textemenuball1" était l'élément clé qui contenait les textes en question.