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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : CSS probleme de cascading avec les a:link, a:hover...

freed102

Arayashiki

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

Publicité

freed102

Arayashiki

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 ?

Message cité 1 fois

Pitsy

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.

freed102

Arayashiki

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

freed102

Arayashiki

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

THX ! :bounce:

freed102

Arayashiki

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 :

<h2>Un titre en texte souligné avec le CSS</h2>
<div id="home">
<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>
</div>

et pour la CSS

Code :

h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:normal;
margin-top:0px;
padding-bottom:5px;
margin-bottom:3px;
border-bottom: 1px solid #EEEEEE;
}
div#home h2{
margin-top:0px;
padding-bottom:5px;
margin-bottom:3px;
}

... le probleme c'est que j'ai toujours mon souligné sur le titre en div#home

snif !!!

keufaire ???

Merci

freed102

Arayashiki

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

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
Problème CVS - Magic Number	[VBA] [Resolu] [Thx to Epena o/ ] Probleme de couleur de cellule [...]
Probleme de codage RSS / Google	[RESOLU] problème champ floatval en SQL
[CSS]CSS et mise en page pour impression	[ASP]Probleme fonctionnement moteur de recherche
centrer un tableau avec CSS	probleme cookies de session
problème de compilation avec eclipse	probleme d'analyse
Plus de sujets relatifs à : CSS probleme de cascading avec les a:link, a:hover...

Page générée en 0.045 secondes