Discussion :

[Stouille89]

Bonjour,

Voila j'ai un petit souci avec mon code css pour les propriété de la balise a.

J'ai redéfini les propriétés de a comme suite pour la globalité de site :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
a{
  color: #2d83d5;
  text-decoration: underline;
}
 
a:hover{
  color: #fff;
  background: #2d83d5;
  text-decoration: none;
}

Cependant dans une de mes pages j'ai un lien qui est en faite une image ! et je ne voudrais pas qu au moment du hover la couleur du fond change comme pour les autres lien. Mais avec l'héritage des balise imposbile d'enpécher ce changement de couleur.

Voici le code HTML de mon lien ainsi que le code CSS associé :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<a id="img_flux_rss2" href="<?php bloginfo('rss2_url'); ?>"></a> 
 
#img_flux_rss2  {
 
	margin-top: 15px;
	margin-left: 450px;
	height: 74px; 
	width: 170px;
	border: none; 
	float: left;
	background-image: url(images/flux_rss1.png);
}
 
#img_flux_rss2 :over {
 
	color: none;
	background:none;
  text-decoration: underline;
}

Je voudrais donc que au moment ou la sourie déclenche le :over sur ce lien que la couleur ne change pas ou éventuellement que l'image de l'icône change ... en gros comment changer les propriétés de ce lien en particulier et éviter l'héritage ?

Merci beaucoup

[GihefBey]

Bonjour,

Fais une petite correction : #img_flux_rss2 :hover { et place le code CSS relatif à l'image après celui des <a> dans ta feuille de styles.

-