css : petit problème de couleur de lien - HTML/CSS - Programmation
Marsh Posté le 08-05-2004 à 03:14:49
Tu as bien ecris <a class="menu" href="....">...</a>, sinon IE ne verra pas la couleur "red". Autrement ton css fonctionne avec le html que j'ai ecris.
Marsh Posté le 08-05-2004 à 05:14:37
Il faut faire comme ca:
Code :
|
Et si tu veux moin t'embéter, tu peux faire comme ca
Code :
|
J'ai oublié de dire:
Pour l'utiliser, tu fais comme cela:
Code :
|
Marsh Posté le 08-05-2004 à 12:27:14
Merci beaucoup pour vos réponse !
Je crois qu'on touche du doigt le problème. J'appelle ma classe par un <div class= >, et pas par un <a class= >
En fait j'ai un menu en texte d'une vingtaine de liens, j'aimerais bien ne pas devoir définir la classe à chacun d'entre eux.
Je viens d'essayer div.menu a:link { color etc } et ca fonctionne, sauf que ca me met le roll over partout, et pas que sur les liens...
a.div.menu:link peut être ?
Marsh Posté le 08-05-2004 à 12:29:55
div.menu a { ... }
div.menu a:visited { ... }
div.menu a:active { ... }
div.menu a:hover { ... }
Marsh Posté le 08-05-2004 à 12:44:36
Merci gm
En fait le problème du hover qui apparait partout, (même en dehors d'un <a> ), c'est propre à firefox, ca n'apparait pas sous internet explorer.
J'ai encore du oublié un truc
Marsh Posté le 08-05-2004 à 12:45:30
Parce que tu dois avoir un :hover qui porte sur autre chose qu'un A quelque part
Marsh Posté le 08-05-2004 à 15:29:16
Merci beaucoup ! Je suis rassuré, ca vient bien d'une grosse bourde de ma part .
J'avais oublié de fermer une balise <a>
Du coup j'ai trouvé la syntaxe qui me convient, tout simplement .menu a:hover (sans préciser spécialement le div)
Je vais potasser un peu tout ca, surtout la notion de cascade.
Encore merci !
Marsh Posté le 08-05-2004 à 15:46:41
gihel a écrit : Merci beaucoup ! Je suis rassuré, ca vient bien d'une grosse bourde de ma part . |
Pourquoi tu veux à tout prix mettre: .menu a:hover ????
tu fais tout bètement: .menu:hover
Ensuite tu le l'intègre dans la balise que tu veux:
<a href="" class=menu></a>
<div class=menu></div>
etc....
Marsh Posté le 08-05-2004 à 15:56:59
AlphaZone a écrit : tu fais tout bètement: .menu:hover |
Parce qu'il n'a peut être pas que des liens dans son <div class="menu"> ?
Marsh Posté le 08-05-2004 à 16:26:46
Non, j'ai pas que des liens.
Le .menu:hover je viens de tester, et ca ne fonctionne pas. Il ignore les balises <a> on dirait. Si je précise div.menu:hover, le changement de couleur se fait au survol du bloc entier (alors que le lien lui reste toujours bleu).
Marsh Posté le 08-05-2004 à 16:55:22
Dans ce cas la essaye ca:
Parti CSS:
Code :
|
Ta balise div:
Code :
|
Marsh Posté le 08-05-2004 à 17:19:27
AlphaZone a écrit : Dans ce cas la essaye ca: |
Ca ne change rien. Pourquoi tu persistes à donner une solution qui ne correspond pas à son problème ? (et en plus, il n'a plus de problème)
Marsh Posté le 09-05-2004 à 00:14:41
Désolé si je suis tetu, j'essai de trouver la meilleur solution même si ce n'est pas la bonne, il faut bien faire des erreurs pour apprendre ? Je suis dans ce cas la.
Bref. Si ca marche c'est le principal.
Marsh Posté le 08-05-2004 à 01:05:21
Bonsoir/bonjour
Je tourne en rond depuis cet après midi...
J'essaye de faire quelque chose de plus propre que du "brut de dreamweaver" alors je commence à coder à la main
Voilà mes css :
Pourtant mes liens dans la classe .menu restent bleus, couleur d'un lien basique. (le texte normal sans lien est de la bonne couleur)
J'ai testé plusieur syntaxes (apparemment a:hover.menu { ... } est valable aussi ?) mais rien n'y fait. Par contre le "active" fonctionne au moment du click (sous firefox, mais pas sous IE).
Bref, j'ai un peu de mal à comprendre, j'ai surement oublié un truc, mais quoi ?