CSS/Problèmes avec a:hover et type de police

Résolu/Fermé
alexou1984 Messages postés 375 Date d'inscription mardi 13 mai 2008 Statut Membre Dernière intervention 15 février 2010 - 9 déc. 2008 à 11:20
alexou1984 Messages postés 375 Date d'inscription mardi 13 mai 2008 Statut Membre Dernière intervention 15 février 2010 - 9 déc. 2008 à 12:12
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

alexou1984 Messages postés 375 Date d'inscription mardi 13 mai 2008 Statut Membre Dernière intervention 15 février 2010 35
9 déc. 2008 à 12:12
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.
0