Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2798 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  css : petit problème de couleur de lien

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

css : petit problème de couleur de lien

n°719308
gihel
Posté le 08-05-2004 à 01:05:21  profilanswer
 

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  :D  
 
Voilà mes css :
 

Code :
  1. body{
  2. font-family: Verdana, Arial, Helvetica, sans-serif;
  3.         font-size: 14px;
  4.         line-height: normal;
  5.         font-weight: normal;
  6.         color: #FFFFFF;
  7.         background-color: #000000;
  8. }
  9. .menu{  color: #CF751D; text-decoration: none; }         
  10. a.menu:link{ color: #CF751D; text-decoration: none; }
  11. a.menu:visited{ color: #6A4623; text-decoration: none; }
  12. a.menu:active{ color: red; text-decoration: none; }
  13. a.menu:hover{ color: red; text-decoration: underline; }


 
 
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 ?
 
 
 

mood
Publicité
Posté le 08-05-2004 à 01:05:21  profilanswer
 

n°719321
Spiderkat
Posté le 08-05-2004 à 03:14:49  profilanswer
 

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.


Message édité par Spiderkat le 08-05-2004 à 03:36:28
n°719323
AlphaZone
Posté le 08-05-2004 à 05:14:37  profilanswer
 

Il faut faire comme ca:

Code :
  1. body{
  2. font-family: Verdana, Arial, Helvetica, sans-serif;
  3.         font-size: 14px;
  4.         line-height: normal;
  5.         font-weight: normal;
  6.         color: #FFFFFF;
  7.         background-color: #000000;
  8. }
  9. .menu{  color: #CF751D; text-decoration: none; }         
  10. .menu:link{ color: #CF751D; text-decoration: none; }
  11. .menu:visited{ color: #6A4623; text-decoration: none; }
  12. .menu:active{ color: red; text-decoration: none; }
  13. .menu:hover{ color: red; text-decoration: underline; }


 
 
Et si tu veux moin t'embéter, tu peux faire comme ca
 

Code :
  1. .menu {
  2.         color: #CF751D;
  3.         text-decoration: none;
  4.       }
  5. .menu:hover {
  6.               color: #FF0000;
  7.               text-decoration: underline;
  8.             }


 
 
J'ai oublié de dire:
Pour l'utiliser, tu fais comme cela:

Code :
  1. <a href="TON_LIEN" class=menu>TEXT</a>


Message édité par AlphaZone le 08-05-2004 à 05:15:56
n°719390
gihel
Posté le 08-05-2004 à 12:27:14  profilanswer
 

Merci beaucoup pour vos réponse !  :jap:
 
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 ?

n°719395
gm_superst​ar
Appelez-moi Super
Posté le 08-05-2004 à 12:29:55  profilanswer
 

div.menu a { ... }
div.menu a:visited { ... }
div.menu a:active { ... }
div.menu a:hover { ... }


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°719404
gihel
Posté le 08-05-2004 à 12:44:36  profilanswer
 

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 :D


Message édité par gihel le 08-05-2004 à 12:45:00
n°719405
gm_superst​ar
Appelez-moi Super
Posté le 08-05-2004 à 12:45:30  profilanswer
 

Parce que tu dois avoir un :hover qui porte sur autre chose qu'un A quelque part


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°719478
gihel
Posté le 08-05-2004 à 15:29:16  profilanswer
 

Merci beaucoup ! Je suis rassuré, ca vient bien d'une grosse bourde de ma part :p.
J'avais oublié de fermer une balise <a>  :whistle:  
 
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 !  :jap:  

n°719489
AlphaZone
Posté le 08-05-2004 à 15:46:41  profilanswer
 

gihel a écrit :

Merci beaucoup ! Je suis rassuré, ca vient bien d'une grosse bourde de ma part :p.
J'avais oublié de fermer une balise <a>  :whistle:  
 
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 !  :jap:


 
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....

n°719497
gm_superst​ar
Appelez-moi Super
Posté le 08-05-2004 à 15:56:59  profilanswer
 

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"> ?


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
mood
Publicité
Posté le 08-05-2004 à 15:56:59  profilanswer
 

n°719515
gihel
Posté le 08-05-2004 à 16:26:46  profilanswer
 

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).

n°719529
AlphaZone
Posté le 08-05-2004 à 16:55:22  profilanswer
 

Dans ce cas la essaye ca:
 
Parti CSS:

Code :
  1. div#menu {
  2.          ... Tes paramètres ...
  3.          }


 
Ta balise div:

Code :
  1. <div id=menu></div>


Message édité par AlphaZone le 08-05-2004 à 16:55:49
n°719546
gm_superst​ar
Appelez-moi Super
Posté le 08-05-2004 à 17:19:27  profilanswer
 

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 ? :heink: (et en plus, il n'a plus de problème)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°719693
AlphaZone
Posté le 09-05-2004 à 00:14:41  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  css : petit problème de couleur de lien

 

Sujets relatifs
Petit (gros !) probleme avec les sessionsProblème avec les index
MySQL: problème avec une requête multitableprobleme de creation d un compte sous sql serveru via php
probleme pour creer des compte sql via phpProbléme media
[batch] couleur en batchlien sur une image
Problème d'utilisation de PEAR::DBpetit probleme de recursivité
Plus de sujets relatifs à : css : petit problème de couleur de lien


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR