CSS probleme de cascading avec les a:link, a:hover...

CSS probleme de cascading avec les a:link, a:hover... - HTML/CSS - Programmation

Marsh Posté le 23-03-2006 à 10:15:47    

Décidement j'ai pas de chance avec les CSS !!!
Cette fois j'ai des conflits entre mes class pour mes liens, sur ma page je dois avoir trois types de liens
 
a:link, a:hover... => c'est pour le lien par défaut
a.liens_nav_pages:link... => c'est pour les liens où je vais définir l'attribut class="liens_nav_pages" (jusque là ça me parait logique !)
#liste_categorie a:link => c'est pour mettre en forme tous les liens contenus dans le bloc qui aurait l'id "liste_categorie" (dans mon cas il s'agit pour l'instant d'un liste (<ul><li>...))
 
à premiere vue tout s'affiche correctement... sauf que les :hover et les :active ont pas l'air de fonctionner pour les a.liens_nav_pages et #liste_categorie a:link
 
un petit lien pour voir
 
http://www.freedfromparis.com/temp/OR/test2.htm

Reply

Marsh Posté le 23-03-2006 à 10:15:47   

Reply

Marsh Posté le 31-03-2006 à 15:09:02    

Je remets ce topic à jour...
 
En fait j'aimerai savoir comment annuler l'effet de "a:visited"
parcequ'il fois le lien visité.. le roll over ne fonctionne plus... c normal ?

Reply

Marsh Posté le 31-03-2006 à 17:02:39    

freed102 a écrit :

Je remets ce topic à jour...
 
En fait j'aimerai savoir comment annuler l'effet de "a:visited"
parcequ'il fois le lien visité.. le roll over ne fonctionne plus... c normal ?


 
le plus simple est de définir le lien général, puis ne spécifier que les effets que tu souhaites réellement après. ça t'évitera aussi de répéter inutilement 15x la même chose. Exemple:
 


 
a  { font-size: 12px;
     font-family: Arial, Helvetica, sans-serif;
    color:#FF6600;}
 
a:hover  { text-decoration: none;
    font-weight: bold;}


 
Autrement, sauf erreur, l'ordre dans lequel tu définis tes styles a de l'importance. Donc place ton :hover après le :visited et tu ne devrais plus avoir le problème.

Reply

Marsh Posté le 31-03-2006 à 17:49:01    

ah ! c peut etre le probleme de l'ordre alors ! je pensais pas que c t important dans une CSS.. je pensais qu'on pouvait mettre tout dans le désordre sachant que les choses sont attribuées avec des noms bien precis

Reply

Marsh Posté le 31-03-2006 à 17:51:15    

+1 !!! ça a l'air de mieux marcher now !  
 
THX ! :bounce:

Reply

Marsh Posté le 05-04-2006 à 12:04:14    

encore un petit probleme du même type :
 
j'ai défini dans ma CSS les balises h1, h2, h3 etc etc...
 
et j'aimerai que mes h2 qui sont dans le div "home" soient différents des autres h2...
 
j'ai donc fait pour le coté HTML :
 

Code :
  1. <h2>Un titre en texte souligné avec le CSS</h2>
  2. <div id="home">
  3. <h2><img src="mon_titre_en_image.gif" alt="Un titre en image (parceque la police n'est pas une police web) mais pas souligné cette fois !"/></h2>
  4. </div>


 
et pour la CSS
 

Code :
  1. h2{
  2. font-family: Arial, Helvetica, sans-serif;
  3. font-size: 18px;
  4. font-weight:normal;
  5. margin-top:0px;
  6. padding-bottom:5px;
  7. margin-bottom:3px;
  8. border-bottom: 1px solid #EEEEEE;
  9. }
  10. div#home h2{
  11. margin-top:0px;
  12. padding-bottom:5px;
  13. margin-bottom:3px;
  14. }


 
... le probleme c'est que j'ai toujours mon souligné sur le titre en div#home
 
snif !!!
 
keufaire ???
 
Merci

Reply

Marsh Posté le 05-04-2006 à 12:08:02    

j'ai mis un border:0 sur le deuxieme... ça corrige mon probleme.. mais je pensait qu'on pouvait redefinir une balise dans un div particulier.. mais les parametres sont hérités on dirait :(

Reply

Sujets relatifs:

Leave a Replay

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