Comportement différent pour les liens

Résolu
rom1desbois -  
 rom1desbois -
Bonjour,

Je souhaiterais donner un comportement different pour deux séries de liens dans une meme page.
Concretement, je voudrais qu'une partie de mes liens grossissent en passant la souris dessus et qu'une autre partie de mes liens, au lieu de grossir, change de couleur...

Voici le code CSS que j'ai pour l'instant :

a:link {text-decoration:none;
color: #FFF;
font-size: 16px;
}

a:hover {
text-decoration:none;
font-size:18px;
}

cela s'applique à TOUS les liens.
Je voudrais donc que certains liens changent de couleur au lieu de grossir...

Merci pour votre précieuse aide !

4 réponses

Jaina_ Messages postés 78 Date d'inscription   Statut Membre Dernière intervention   9
 
Salut !

Pour différencier tes deux types de liens, il faut que tu ajoutes des classes.
Par exemple, <a class="grossir>lien</a> et <a class="couleur">lien</a>.

Ensuite, ton css ressemblera à ça :
a.grossir:link et a.couleur:hover, du moins quelquechose du genre, à tester si c'est la bonne syntaxe.
1
Jaina_ Messages postés 78 Date d'inscription   Statut Membre Dernière intervention   9
 
tu fais <div id="mentions"><a class="grossir" href="http://www.site.fr">Mentions Légales</div>

Et ceci pour tous les liens que tu veux grossir, en gros tu places class="" après le a et avant href voilà !
1
rom1desbois
 
ok...et dans le html, ou dois je le placer, sachant que c'est dans une div. voici le code de la div :

<div id="mentions"><a href="http://www.site.fr">Mentions Légales</div>
0
rom1desbois
 
Magique !!

Merci 1000 fois !
0