CSS et les liens

CSS et les liens - HTML/CSS - Programmation

Marsh Posté le 30-01-2005 à 21:45:20    

Hello :)
 
Voila j'ai un problème et donc une petite question :)
 
Au debut de ma feuille de style j'ai mis ce code pour les liens :
 

Code :
  1. a:link, a:visited, a:active { text-decoration: none; color: #474747 }
  2. a:hover { color: #e48425; text-decoration:none }


 
Mais j'aimerai pouvoir appliquer des couleurs de liens uniquement pour un style j'ai donc rajouté ca :
 

Code :
  1. A.navbar:link {
  2. color: #e48425;
  3. font-weight:bold;
  4. text-decoration: none;
  5. }
  7. a.navbar:visited {
  8. color: #e48425;
  9. font-weight:bold;
  10. text-decoration: none;
  11. }
  13. a.navbar:active {
  14. color: #e48425;
  15. font-weight:bold;
  16. text-decoration: none;
  17. }
  19. a.navbar:hover {
  20. color: #e48425;
  21. font-weight:bold;
  22. text-decoration: none;
  23. }


 
Et j'ai appliqué cette classe sur le lien en question mais c'est encore ce code :
 

Code :
  1. a:link, a:visited, a:active { text-decoration: none; color: #474747 }
  2. a:hover { color: #e48425; text-decoration:none }


 
Qui prend le dessus sur l'autre :sweat:  
Vous avez une solution :??:


---------------
Le Rock c'est la colle qui tient l'univers en place, si cette jointure n'existait pas, la vie n'aurais pas de sens :D
Reply

Marsh Posté le 30-01-2005 à 21:45:20   

Reply

Marsh Posté le 30-01-2005 à 22:55:50    

t'as passé tes pages au validateur?
 
url des pages pour regarder ce que ca donne "live"


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
Reply

Marsh Posté le 30-01-2005 à 23:51:05    

Assure-toi que les déclarations spécifiques (donc celles avec la classe .navbar ici) sont situées après les classes génériques (donc sans classes).

Reply

Marsh Posté le 31-01-2005 à 11:08:58    

Masklinn a écrit :

t'as passé tes pages au validateur?
 
url des pages pour regarder ce que ca donne "live"


 
Je bosse en local désolé :sweat:  
 

FlorentG a écrit :

Assure-toi que les déclarations spécifiques (donc celles avec la classe .navbar ici) sont situées après les classes génériques (donc sans classes).


 
Tout en haut du CSS se trouve la declaration globale, et bien plus loin en dessous se trouve la declaration specifique pour ce que je veut faire :)
 
Je me suis peut etre planter dans le code pour mon lien :
 

Code :
  1. <div align='left' class=navbar>Mon lien</div>



---------------
Le Rock c'est la colle qui tient l'univers en place, si cette jointure n'existait pas, la vie n'aurais pas de sens :D
Reply

Marsh Posté le 31-01-2005 à 11:11:03    

Pourquoi tu met un div pour ton lien :??: Pourquoi t'as un 'align' qui est là et qui n'existe plus :??: Pourquoi la classe n'est pas entre quotes :??:
 
Un lien, c'est comme ça :

<a href="page.html" class="navbar">Mon lien</a>

Reply

Marsh Posté le 31-01-2005 à 11:29:24    

FlorentG a écrit :

Pourquoi tu met un div pour ton lien :??: Pourquoi t'as un 'align' qui est là et qui n'existe plus :??: Pourquoi la classe n'est pas entre quotes :??:
 
Un lien, c'est comme ça :

<a href="page.html" class="navbar">Mon lien</a>



 
Pour le lien c'était un exemple :sweat:  
Je peut pas toucher au lien, en faite je modifie le skin d'un forum Invision Power Board et le lien c'est une variable (<{F_NAV}> ) D'origine la classe est appliqué au DIV en non au lien ;)
 
J'ai vu que pour appliquer un style a un DIV, soit il utilise class= ou id= et il sont pas rentré de la même facon dans le CSS :
 
Pour les class
.class
 
et pour les id
#class
 
C'est quoi la différence sachant qu'il les utilises de la même facon :??:
 
En faite pour expliquer ma situation, j'ai un site avec un fond foncé, et l'interieur du forum est assez clair, je peut donc pas utiliser la même couleur de lien pour les deux surface, ca fait hyper moche :( J'utilise donc la class global pour la plupart des liens, et j'aimerai faire une class que pour le liens sur le fond foncé (y'en a trés peu)


Message édité par dead_j le 31-01-2005 à 11:32:22

---------------
Le Rock c'est la colle qui tient l'univers en place, si cette jointure n'existait pas, la vie n'aurais pas de sens :D
Reply

Marsh Posté le 31-01-2005 à 11:33:05    

DeaD_J a écrit :

Pour le lien c'était un exemple :sweat:  
Je peut pas toucher au lien, en faite je modifie le skin d'un forum Invision Power Board et le lien c'est une variable (<{F_NAV}> ) D'origine la classe est appliqué au DIV en non au lien ;)
 
J'ai vu que pour appliquer un style a un DIV, soit il utilise class= ou id= et il sont pas rentré de la même facon dans le CSS :
 
Pour les class
.class
 
et pour les id
#class
 
C'est quoi la différence sachant qu'il les utilises de la même facon :??:
 
En faite pour expliquer ma situation, j'ai un site avec un fond foncé, et l'interieur du forum est assez clair, je peut donc pas utiliser la même couleur de lien pour les deux surface, ca fait hyper moche :( J'utilise donc la class global pour la plupart des liens, et j'aimerai faire une class que pour le liens sur le fond foncé (y'en a trés peu)


id = usage unique
class = appliqué 1+ fois

Reply

Marsh Posté le 31-01-2005 à 14:52:48    

up :|


---------------
Le Rock c'est la colle qui tient l'univers en place, si cette jointure n'existait pas, la vie n'aurais pas de sens :D
Reply

Marsh Posté le 31-01-2005 à 14:53:08    

Marche toujours pas ?

Reply

Marsh Posté le 31-01-2005 à 15:58:32    

Essaye ça :

Code :
  1. div.navbar * a:link {
  2.   color: #e48425;
  3.   font-weight:bold;
  4.   text-decoration: none;
  5. }
  6. ...


 
Cela peut se traduire : on applique le style à tous les liens se trouvant dans un élément de class="navbar" (mais pas forcement juste en dessous)
 
(J'espère que j'ai pas dit une betise plus grosse que moi là)

Reply

Marsh Posté le 31-01-2005 à 15:58:32   

Reply

Marsh Posté le 31-01-2005 à 16:00:20    

Y'a pas besoin de l'étoile je crois... Suffit d'un div.navbar a:link

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed