Discussion :

[seb nantes]

Bonjour !!!
est-il possible de créer deux styles pour des liens dans une même feuille css ?
Le problème est le suivant : voici un extrait de ma feuille de style concernant les liens :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
A { color:#0000FF; text-decoration:none; padding:1px; width="100%"; }
A:link,A:visited { color:#0000FF; text-decoration:none; padding:1px; display:inline-block; }
A:hover { color:#FF0000; background-color:#FFF000; padding:0px; border:1px solid #000000; filter:Alpha(opacity=90, finishopacity=30, style=2); display:inline-block; }

pour du texte c'est ce que je souhaite mais lorsque le lien est une image, j'aimerai un autre style, mais en conservant la même feuille de style

y'a t-il une astuce ?
Merci beaucoup pour votre aide

[Dan_A]

Il faut utiliser une classe ou une identité :
http://xhtml.developpez.com/faq/?pag...ites#css_class

[Strix]

Salut

Un exemple simple :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
#news a:hover,#news a:active {
color:#930;
}
#news a:link,#news a:visited {
color:gray;
}

ou

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.important a:hover, .important a:active {
color:#930;
}
.important a:link, .important a:visited {
color:gray;
}

A+

[seb nantes]

Merci Strix !
J'ai fais ceci dans le code html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="xxx" class="image"><img src="xxx" style="border:1px solid #000000;"></a>

Et ceci dans ma feuille de style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.image:hover { background-color:transparent; padding:1px; border:none }

Cela fonctionne comme je le souhaite, l'image possède un border de base et au survol de la souris pas de double border provoquer par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

A:hover { color:#FF0000; background-color:#FFF000; padding:0px; border:1px solid #000000; filter:Alpha(opacity=90, finishopacity=30, style=2); display:inline-block; }

(Sauf que le filtre ne fait pas de jaune sur les liens images, seulement sur les liens texe mais c'est bizarre mais pas très grave)

Merci beaucoup Strix !

Ps : merci aussi pour le lien, très clair et instructif !