28221 sujets

CSS et mise en forme, CSS3

Je souhaiterais simplement que mes liens aient tous la même couleur que les textes normaux.

Alors je me dis simplement que je vais mettre : a{ color: inherit; }
raté, cela marche a merveille sous Mozilla mais pas sous IE.

Comment faire si je ne veux pas redéfinir un style pour chaque liens ???
je suis assez novice donc il se peut que je dise des betises mais pourquoi tu ne mets pas ça dans ton css :

a écrit :
a:link {color: #couleur ; text-decoration:none;}
a:visited {color: #couleur ; text-decoration:none;}
a:hover {color:#couleur; text-decoration:none;}


en esperant que ça t'aide un peu Smiley smile
Modifié le 23 Nov 2004 - 16:56
Ca n'ira pas pour moi car mes liens doivent prendre la couleur du texte, et celui-ci peut être tantôt rouge, tantôt gris etc...

Je pourrais définir pour chaque propriété la couleur du liens

exemple : .footer a{ }

mais je trouve cela contraignant donc je voulais savoir s'il y avait moyen de faire + simple
Noisequik a écrit :
Ca n'ira pas pour moi car mes liens doivent prendre la couleur du texte, et celui-ci peut être tantôt rouge, tantôt gris etc...


Tu fais une page Web ou de la peinture à numéro ? Smiley lol Smiley rofl

<sérieux>
Je vais y réfléchir !
</sérieux>
Ta page en ligne serait un atout !

Ton lien normalement est accompagné de texte qui lui a une couleur défini dans un bloc quelconque.

Tu enfermes ton lien dans un <span> et tu lui attribues la même couleur qu'au texte avoisinant.


<p>bla bla bla 
<a href="fakelink.html"><span>lien de la même couleur </span></a>
et encore bla bla bla</p>

#bloc p {
  color: value;
}

#bloc span {
  color: value;
}

 ou

#bloc p, span {
  color: value;
}


J'ai pas testé mais ça fonctionne dans ma tête en tout cas !
Modifié le 23 Nov 2004 - 17:57
eh eh ouais on peut se moquer mais c'est quand même énervant cette histoire...

Ca m'est arrivé plusieurs fois, et je veux simplement que IE ne me mette pas ce violet ou ce bleu affreux par défaut Smiley biggol


avec :

a {
color:inherit;
}

c'est logique pourtant, ça veut dire que ma couleur de liens hérite celle définie pour mon texte en cours

Enfin IE ne veut rien savoir, mais je trouve bizarre que personne ne se soit étonné de ça Smiley eek
Stephan a écrit :
Ta page en ligne serait un atout !

Ton lien normalement est accompagné de texte qui lui a une couleur défini dans un bloc quelconque.

Tu enfermes ton lien dans un <span> et tu lui attribues la même couleur qu'au texte avoisinant.


<p>bla bla bla 
<a href="fakelink.html"><span>lien de la même couleur </span></a>
et encore bla bla bla</p>

#bloc p {
  color: value;
}

#bloc span {
  color: value;
}

 ou

#bloc p, span {
  color: value;
}


J'ai pas testé mais ça fonctionne dans ma tête en tout cas !



oui bien sûr comme ça ça fonctionne, encore plus simple en mettant


<p>bla bla bla 
<a href="fakelink.html">lien de la même couleur</a>
et encore bla bla bla</p>

#bloc p {
  color: value;
}

#bloc a {
  color: value;
}




mais je voulais justement éviter de définir chaque couleur de liens, pour alléger le code, enfin je pense que je devrai m'y résoudre...

<p>bla bla bla 
<a href="fakelink.html">lien de la même couleur</a>
et encore bla bla bla</p>

#bloc p {
  color: value;
}

#bloc a {
  color: value;
}

ou

#bloc p, a {
  color: value;
}


Je ne suis pas certain que ceci annule le a:hover pour tous les navigateurs mais enfin... Tu nous le confirmeras.

C'est difficile sans la page en ligne !
Modifié le 23 Nov 2004 - 18:11
Wé, je ferais comme Stephan

.bla p, .bla a
{
  color: value ;
}


Comme tu définis une couleur différente suivant les zones, ça ne te fais ajouter que ",.bla a" à chaque changement de couleur ce qui n'est pas trop enorme Smiley cligne

Sinon je pense que définir la même couleur pour lien et texte est une mauvaise idée, les liens doivent en principe être clairement indiqués.
ElMoustiko a écrit :
Wé, je ferais comme Stephan

.bla p, .bla a
{
  color: value ;
}


Comme tu définis une couleur différente suivant les zones, ça ne te fais ajouter que ",.bla a" à chaque changement de couleur ce qui n'est pas trop enorme Smiley cligne

Sinon je pense que définir la même couleur pour lien et texte est une mauvaise idée, les liens doivent en principe être clairement indiqués.





1. Ouais mais je mets souvent d'autres attributs, background, height etc... donc je ne peut pas simplement rajouter ,.bla a

2. Je suis d'accord pour les différencier, mais ca peut être à l'aide d'un gras ou d'un soulignement etc...
Modifié le 23 Nov 2004 - 18:23
Pour le point "1." bah tu fais .bla p, .bla a {color: value ;} et .bla p { autres propriétés }

Pour le point "2." wé c'est sûr Smiley cligne
Et si tu fais un
a
{
   color: inherit [b][#red]!important[/#][/b];
}

Pas testé. En principe, ça devrait superposer la feuille de style "user", non ?

@+, HoPHP
HoPHP a écrit :
Et si tu fais un
a
{
   color: inherit [b][#red]!important[/#][/b];
}

Pas testé. En principe, ça devrait superposer la feuille de style "user", non ?

@+, HoPHP



hélas ca ne fonctionne pas Smiley bawling

Merci IE Smiley decu