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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS et les liens

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

CSS et les liens

n°966370
dead_j
Posté le 30-01-2005 à 21:45:20  profilanswer
 

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
mood
Publicité
Posté le 30-01-2005 à 21:45:20  profilanswer
 

n°966409
masklinn
í dag viðrar vel til loftárása
Posté le 30-01-2005 à 22:55:50  profilanswer
 

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


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°966424
FlorentG
Unité de Masse
Posté le 30-01-2005 à 23:51:05  profilanswer
 

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

n°966565
dead_j
Posté le 31-01-2005 à 11:08:58  profilanswer
 

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
n°966570
FlorentG
Unité de Masse
Posté le 31-01-2005 à 11:11:03  profilanswer
 

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>

n°966594
dead_j
Posté le 31-01-2005 à 11:29:24  profilanswer
 

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
n°966601
Profil sup​primé
Posté le 31-01-2005 à 11:33:05  answer
 

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

n°966804
dead_j
Posté le 31-01-2005 à 14:52:48  profilanswer
 

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
n°966805
FlorentG
Unité de Masse
Posté le 31-01-2005 à 14:53:08  profilanswer
 

Marche toujours pas ?

n°966905
Bidem
Posté le 31-01-2005 à 15:58:32  profilanswer
 

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

mood
Publicité
Posté le 31-01-2005 à 15:58:32  profilanswer
 

n°966909
FlorentG
Unité de Masse
Posté le 31-01-2005 à 16:00:20  profilanswer
 

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


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

  CSS et les liens

 

Sujets relatifs
[CSS] Mise ne forme des liens dans une class ?Css et liens..
[Résolu] 2 styles css différents pour les liensprobleme de CSS avec les liens externes
Probleme de CSS / liens à moitié cliquables [Résolu][HTML/CSS]Pb de style pour liens visités
[CSS] Probleme de couleurs de liens et scrolling bar[CSS] Image liens avec des bordures
[Probleme] Attribut CSS "text-decoration" sur mes liens.[HTML/CSS] Souligner autre chose que des liens au passage de la souris
Plus de sujets relatifs à : CSS et les liens

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.056 secondes

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