Discussion :

[pharaonline]

Bonjour ,

J'ai trouvé ces deux parties de codes css permettants de mettre un lien en surbrillance quand on passe la souris dessus :

A:link {text-decoration: none; color: #000000; font-family: Times New Roman, Arial; font-size: 12pt}
A:hover {text-decoration: underline; color: orange; font-size: 12pt}

J'aimerais appliquer ce css à un seul élément de ma page ( à des liens et pas à d'autres ) , je sais qu'il faut utiliser les class , mais je sèche avec ce genre de code , quelqu'un peut m'aider ?

Merci ,

[francis m]

Exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
a:hover 
	{
	color: #FF0000;
	background-color: transparent;
	text-decoration: underline overline;
	}
.galerie_texte a:hover
	{
	text-decoration: none;
	}

et le code html pour afficher le lien sans text-decoration :

Code :

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

<p class="galerie_texte"><a href="#poeme">un poeme</a></p>

[_dranece_]

Ou en appliquant directement le style sur le tag <a> (je reprends l'exemple de 'francis m') :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
a:hover
   {
   color: #FF0000;
   background-color: transparent;
   text-decoration: underline overline;
   }
.galerie_texte:hover
   {
   text-decoration: none;
   }

Code :

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

1
2
 
<a href="#poeme" class="galerie_texte">un poeme</a>

ps: Les 2 façons sont correctes, la plus adaptée dépend juste de la structure html de ta page.

[pharaonline]

Merci à vous deux