Probléme avec les css
Bonjour,
j'ai un gros probléme car j'aimerai avoir deux types de css pour les survols de liens, dans la meme page (ex : un style pour les liens du menu, et un autre pour les liens dans le texte). Or, ces deux types entrent en conflit, si j'applique celui pour les liens du texte dans l'attribut "class" du lien, c'est le style du menu qui s'applique lors du survol. Ca me rend fou... alors merci de bien vouloir m'aider !!!
j'ai un gros probléme car j'aimerai avoir deux types de css pour les survols de liens, dans la meme page (ex : un style pour les liens du menu, et un autre pour les liens dans le texte). Or, ces deux types entrent en conflit, si j'applique celui pour les liens du texte dans l'attribut "class" du lien, c'est le style du menu qui s'applique lors du survol. Ca me rend fou... alors merci de bien vouloir m'aider !!!
1 réponse
-
Bonsoir @cid,
Dans ta feuille de style tu écris ceci (adapté à ta charte graphique, évidemment...)
A:LINK {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 85%;
color : #666666;
text-decoration : underline;
background-color : #FFFFFF;
}
A:VISITED {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 85%;
color : #939393;
text-decoration : underline;
background-color : #FFFFFF;
}
A:HOVER {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 85%;
color : #CC6666;
text-decoration : none;
background-color : #FFFFFF;
}
A.menu:LINK {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 100%;
color : #FFFFFF;
text-decoration : none;
background-color : #CC6666;
}
A.menu:VISITED {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 100%;
color : #CECECE;
text-decoration : none;
background-color : #CC6666;
}
A.menu:HOVER {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 100%;
color : #CCCCFF;
text-decoration : underline;
background-color : #CC6666;
}
Dans ta page, pour les liens du menu, tu spécifies la class
<a href="index.html" class="menu">Accueil</a>
pour les liens dans le texte, tu n'as rien as ajouter
<a href="index.html">Accueil</a>
Et cela devrait aller ;-)
Monique
Elle est pas belle la vie ?-
-
@bmgg4grrrrr...
il est grand temps que j'aille me coucher ;-))
"tu n'as rien à ajouter"
Monique
Elle est pas belle la vie ? -
-
@bmgg4Salut,
alors ca marche en local, avec easy php, mais une fois que j'ai mis les fichiers sur le serveur, ca me fait le meme bug de conflit de css. Comment faire ? -
@@cidBonjour @cid,
C'est étrange, ça !
Mais là, j'ai atteint mes limites et je vais devoir passer la main :-(
Je n'en suis qu'aux balbutiements avec php.
J'ai bien fait quelques essais en local, mais je n'ai encore rien mis en ligne (et je devrai attendre d'avoir changé d'hébergeur pour pouvoir le faire).
Je suis désolée de ne pouvoir t'aider plus.
Cependant, si tu trouves la cause de ce problème, cela m'intéresserais de la connaître... cela pourrait m'éviter la même erreur le moment venu ;-)
Monique
Elle est pas belle la vie ?
-
