Fixer la couleur d un lien hypertext

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Fixer la couleur d un lien hypertext

dekad

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?

Publicité

antp

Super Administrateur
Champion des excuses bidons

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

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

dekad

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

antp

Super Administrateur
Champion des excuses bidons

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

dekad

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...

dekad

: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) }

FORUM HardWare.fr

Programmation

HTML/CSS

Fixer la couleur d un lien hypertext

Sujets relatifs
[HTML] Lien spécial.....	Je souhaite faire un scripte qui test si un lien est up ou down
cherche editeur sous windows avec balise en couleur et validation	Imprimer une page avec un lien
Comment faire un lien qui...	[PHP] Mettre un cadre de couleur dans INPUT...?
CSS : Trait de soulignement de couleur différente du texte ? [Résolu]	[VC++ et MFC] Problème de couleur de fond editbox (avec la source)
Alterner la couleur d'une cellule d'une ligne a l'autre ( comme ici )	Comment fixer un post en tete de liste dans mes forums ?
Plus de sujets relatifs à : Fixer la couleur d un lien hypertext

Page générée en 0.040 secondes