Fixer la couleur d un lien hypertext

Marsh Posté le 24-09-2002 à 17:03:03

J essaye de fixer la couleur (noire) des liens hypertext avec les feuilles de style (.txtmenu) , seulement je suis oblige de déclarer ds mon script html devant le texte concerné sous peine de me retrouver avec la couleur texte de ma feuille de style precedente (.txtmenu1) .

Citation :

<table class="menu">
<tr>
<td class="menulien"> <a href="page.html">Donnez à vos clients une raison de plus de venir chez vous!</a> 
<a href="#">Un service "clefs en main"</a>
 <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('puce','','image/puce1.gif',1)"><img src="image/puce.gif" name="puce" width="7" height="7" style="border:0px;" alt="">
Votre listing client</a> 
 
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('puce1','','image/puce1.gif',1)"><img src="image/puce.gif" name="puce1" width="7" height="7" style="border:0px;" alt="">
Votre chartre graphique</a> 
 
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('puce2','','image/puce1.gif',1)"><img src="image/puce.gif" name="puce2" width="7" height="7" style="border:0px;" alt="">
Le publipostage</a>

Citation :

.txtmenu {
background-color: white;
font-family: Verdana, Arial, sans-serif;
font-size: 9px;
}
A:link, A:visited, A:active {
background-color: white;
text-decoration: none;
color: black }

.txtmenu1 {
background-color: white;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold }
A:link, A:visited, A:active {
background-color: white;
text-decoration: none;
color: rgb(228,50,55) }

Lorsque je consulte les recommandation du W3c, j ai l impression que mon code est juste. D ailleurs ma feuille de style (.txtmenu1) fonctionne correctement et c est le mm code. :sarcastic:

Y a qq chose...

Une idee?

Reply

Marsh Posté le 24-09-2002 à 17:03:03

Reply

Marsh Posté le 24-09-2002 à 17:08:14

tu devrais appliquer le class="..." à ton <a> plutôt que de mettre un ...

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

Reply

Marsh Posté le 24-09-2002 à 17:17:41

antp a écrit a écrit :

tu devrais appliquer le class="..." à ton <a> plutôt que de mettre un ...

Comme cela?

Citation :

<a href="#" class="txtmenu" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('puce','','image/puce1.gif',1)"><img src="image/puce.gif" name="puce" width="7" height="7" style="border:0px;" alt="">
Votre listing client</a> 
 
<a href="#" class="txtmenu" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('puce1','','image/puce1.gif',1)"><img src="image/puce.gif" name="puce1" width="7" height="7" style="border:0px;" alt="">
Votre chartre graphique</a> 
 
<a href="#" class="txtmenu" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('puce2','','image/puce1.gif',1)"><img src="image/puce.gif" name="puce2" width="7" height="7" style="border:0px;" alt="">
Le publipostage</a>

Marche pas... J essaye de passer tous mes <a href="#"> en <a href="#" class="xxx">....

Message édité par dekad le 24-09-2002 à 17:18:54

Reply

Marsh Posté le 24-09-2002 à 17:28:14

.txtmenu {
background-color: white;
font-family: Verdana, Arial, sans-serif;
font-size: 9px;
}
A:link, A:visited, A:active {
background-color: white;
text-decoration: none;
color: black }

.txtmenu1 {
background-color: white;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold }
A:link, A:visited, A:active {
background-color: white;
text-decoration: none;
color: rgb(228,50,55) }

heu tu redéfinis les A... là
je pense que pour ce que tu veux faire tu dois plutôt faire:

A.txtmenu1:link, A.txtmenu1:visited, A.txtmenu1:active {
background-color: white;
text-decoration: none;
color: rgb(228,50,55) }

pour la dernière partie...

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

Reply

Marsh Posté le 24-09-2002 à 17:37:53

Forcement, tu parlais de ces "a" là...

Y a du changement mais du coup, tous mon texte passe en noir. Je crois que c un probleme d heritage comme il note dans mon tuto CSS mais... je pige pas...

J utilise tjs pr faire mes declarations...

Je continue a chercher...

Reply

Marsh Posté le 24-09-2002 à 17:42:58

:jap: antp :jap:

ayé j ai la soluce!

Citation :

<td class="menulien"><a href="page.html" class="txtmenu1">Donnez à vos clients une raison de plus de venir chez vous!</a> 
<a href="#" class="txtmenu1">Un service "clefs en main"</a>
 <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('puce','','image/puce1.gif',1)"><img src="image/puce.gif" name="puce" width="7" height="7" style="border:0px;" alt="">
Votre listing client</a> 
 
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('puce1','','image/puce1.gif',1)"><img src="image/puce.gif" name="puce1" width="7" height="7" style="border:0px;" alt="">
Votre chartre graphique</a> 
 
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('puce2','','image/puce1.gif',1)"><img src="image/puce.gif" name="puce2" width="7" height="7" style="border:0px;" alt="">
Le publipostage</a> 
 
 

<a href="#" class="txtmenu1">Un coût réduit pour une rentabilité à court terme</a>
 
 
 
<a href="#" class="txtmenu1">Qui sommes nous?</a> 
<a href="#" class="txtmenu1">Contactez-nous</a>

et...

Citation :

.txtmenu {
background-color: white;
font-family: Verdana, Arial, sans-serif;
font-size: 9px;
}
A:link, A:visited, A:active {
background-color: white;
text-decoration: none;
color: black }

.txtmenu1 {
background-color: white;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold }
A.txtmenu1:link, A.txtmenu1:visited, A.txtmenu1:active {
background-color: white;
text-decoration: none;
color: rgb(228,50,55) }

Reply

Fixer la couleur d un lien hypertext

Sujets relatifs:

Leave a Replay