Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1413 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Fixer la couleur d un lien hypertext

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Fixer la couleur d un lien hypertext

n°219578
dekad
Posté le 24-09-2002 à 17:03:03  profilanswer
 


J essaye de fixer la couleur (noire) des liens hypertext avec les feuilles de style (.txtmenu) , seulement je suis oblige de déclarer <font color="#000000"> 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"> <span class="txtmenu1"><a href="page.html">Donnez à vos clients une raison de plus de venir chez vous!</a><br><br><br>
            <a href="#">Un service "clefs en main"</a></span>
            <br> <br><span class="txtmenu"> <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="">  
           <font color="#000000">Votre listing client</font></a><br>
            <br>
            <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="">  
            <font color="#000000">Votre chartre graphique</font></a><br>
            <br>
            <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="">  
            <font color="#000000">Le publipostage</font></a></span>


 

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?

mood
Publicité
Posté le 24-09-2002 à 17:03:03  profilanswer
 

n°219580
antp
Super Administrateur
Champion des excuses bidons
Posté le 24-09-2002 à 17:08:14  profilanswer
 

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


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°219587
dekad
Posté le 24-09-2002 à 17:17:41  profilanswer
 

antp a écrit a écrit :

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




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


 
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
n°219591
antp
Super Administrateur
Champion des excuses bidons
Posté le 24-09-2002 à 17:28:14  profilanswer
 

.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
n°219597
dekad
Posté le 24-09-2002 à 17:37:53  profilanswer
 


Forcement, tu parlais de ces "a" là... :D
 
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 <span class="txtmenu"> pr faire mes declarations...
 
Je continue a chercher...

n°219603
dekad
Posté le 24-09-2002 à 17:42:58  profilanswer
 


: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><br><br><br>
            <a href="#" class="txtmenu1">Un service "clefs en main"</a>
            <br> <br><span class=txtmenu><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><br>
            <br>
            <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><br>
            <br>
            <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></span><br>
            <br>
            <br>
   
             
            <a href="#" class="txtmenu1">Un coût réduit pour une rentabilité à court terme</a>
            <br>
            <br>
   <br>
   <a href="#" class="txtmenu1">Qui sommes nous?</a><br><br><br>
            <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) }


 
:D


Aller à :
Ajouter une réponse
  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 validationImprimer 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


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR