Posez votre question Signaler

Idée CSS ? [Résolu]

Webmc - Dernière réponse le 17 mai 2007 à 21:46
Bonjour,
Connaissez-vous un moyen, via CSS, permettant d'actionner sur une même page web, d'afficher différemment des liens.
Par exemple :
CSS1 : a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #C2AF77;
text-decoration: underline overline;
CSS2 : a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #C000000;
text-decoration: underline overline;
Merci d'avance...
Lire la suite 

Idée CSS »

3 réponses
Réponse
+0
moins plus
a#style1:hover{
....
}

a#style2:hover{
....
}

ou peut-etre

a:hover#style2{
....
}

je sais plus très bien...
Ajouter un commentaire
Réponse
+0
moins plus
Bonjour,

Merci de ton aide car je suis débutant... En deux mots, je réalise un site sur dreamweaver et j'ai notamment une feuille de style (link.css) qui contient :

a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #C2AF77;
text-decoration: underline overline;
}
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

Et, j'aimerai utiliser simultanément sur la même page une autre option d'affichage pour d'autres liens.

Je comprends ton idée, mais comment dois-je l'exploiter ? Codes à inscrire sur la même feuille de style, sur une autre avec un nouvel attachement ?

Merci d'avance de tes lumières.
@+



NB : Au niveau du code, ta deuxième version semble plus reconnue, du moment ou un espace est présent entre hover et #style, soit :

a:hover #style2{
....
}
Ajouter un commentaire
Réponse
+0
moins plus
Voilà... j'ai trouvé :

a.titre:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #202020;
font-weight: bold;
text-decoration: none;
}

idem pour la suite... Ensuite attacher la feuille de style aux balises concernées.

Merci de m'avoir répondu rapidement
Ajouter un commentaire
Ce document intitulé « Idée CSS ? » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook