Voilà j'essaie de terminer un site, j'ai plus ou moins plus que le design à faire mais c'est pas du tout ma tasse de thé...
La j'essaie de faire un menu tout simple, avec en guise de boutons, de simples box de couleur ou le lien apparaît en blanc.
L'idéal aurait été que lors du survol du lien, ce soit la box qui change de couleur. Mais bon j'ai rien trouvé la dessus dans les bidules CSS2 WC...faut dire que j'ai ptet pas tout lu non plus
Donc je me suis résigne, et là je veux juste faire en sorte d'avoir un lien dans ma box qui change simplement de couleur.
MAIS je ne veux pas que ce lien aie les propriétés que j'ai données aux liens du site dans ma feuille de style.
Alors ma question est de savoir s'il existe un moyen de donner plusieurs configuration de couleurs au lien via :
:LINK
:HOVER
:VISITED
:ACTIVE
dans une même feuille de style...
Merci pour votre aide !
Pour riguoler voilà à quoi ressemble la ligne de code d'un de mes boutons actuellement :
Le premier Div défini tout bien comme y faut donc : le background de la box, le padding etc, la couleur de police et la police.
Mais comme je tappe une balise <a> pour mon lien, ben c'est les propriétés de :LINK qui reprenne le dessus et je suis obligé de remettre un DIV pour redire que la police doit être en blanc...
Car dans ma feuille de style c'est bleu marine...Et comme par hasard mon background de box est justement...bleu marin
Enfin soit, ctait pour la ptite histoire ! Donc si kékun sait comment définir plusieurs configuration de couleur pour les liens dans une même style sheet....MERCI
Publicité
Posté le 21-08-2003 à 22:27:21
gizmo
Posté le 21-08-2003 à 23:24:41
1° rien ne t'empèche de mettre une classe dans la balise de lien
2° seul IE ne supporte pas la pseudo-classe :hover sur d'autres balises que les liens, ce qui règle ton problème de couleur pour les navigateurs dignes de ce nom
omega2
Posté le 22-08-2003 à 00:37:36
ben dans ton CSS, tu définis un a.test avec ce que tu veux pour les liens des boutons et dans ton lien qu'est dans le bouton, tu rajoutes class="test" entre le "<a" et le ">" suivant.