Salut à tous.
En fait je voudrais simplement que mes liens gardent toujours la même couleur qu'ils aient été visités ou non... mais le problème c'est que tous mes liens ne doivent pas avoir la même couleur.
Par exemple, dans le menu de navigation, ils doivent être blanc (c'est sur un fond bleu) et ailleurs ils doivent être noirs (parce que blanc sur fond blanc ça le fais pas!).
Comment je peux faire avec des styles CSS?
Merci
@+ ;-)
Toto21

a:link, a:active
{
  color: blue;
  background: white;
  text-decoration: none;
}
 
a:visited
{
  color: red;
  background: white;
  text-decoration: none;
}
 
a:hover
{
  color: blue;
  background: white;
  text-decoration: underline;
}
 
a.autre:link, a.autre:active
{
  color: white;
  background: black;
  text-decoration: none;
}
 
a.autre:visited
{
  color: yellow;
  background: black;
  text-decoration: none;
}
 
a.autre:hover
{
  color: white;
  background: black;
  text-decoration: underline;
}
 
pour avoir le second type suffit de faire <a class="autre" href="...">....</a>

tu differencie le style pour les "a" en général et d'autres comme par exemple "a.menu". Pour un lien a afficher dans le menu tu mets style="menu", sinon c'est le style par defaut qui est pris...

mechant antp

oooooooooki merci!

il est plus simple de donner les classes aux éléments contenants. ie sa page a des liens noirs sur fond blanc, ce sont les liens par défaut. à ça, il rajoute une classe pour son menu et une classe lien associée.
 
.monMenu
{
  background-color: rgb(0, 0, 255);
}
 
.monMenu a
{
  color: rgb(255, 255, 255);
}
 
ce qui permet de faire :
 
<div class='monMenu'>
 <a href='...'>lien1</a>
 <a href='...'>lien2</a>
</div>
 
sans avoir à spécifier la classe à chaque fois dans le lien.

ouais possible... faudrait que j'étudie un peu mieux ces trucs de CSS parce que je fais un peu n'importe quoi même si c'est valide

hmmm, moi aussi d'ailleurs
 
enfin je crois que le nom vient de là : cascading style sheets.
 
si tu veux définir une classe contenant le même type de menu mais avec d'autres couleurs, tu peux faire :
 
.containerDeMonMenu .monMenu a
{
   color: rgb(255, 128, 0);
}
 
<div class='containerDeMonMenu'>
  <div class='monMenu'>
    <a href='...'>lien</a>
  </div>
</div>
 
la nouvelle classe overridera la précédente, le lien sera donc orange.

 
euh
je voulais juste savoir comment s'appelait ce genre de "construction" (syntaxe?) .. et ds quel mesure ct supporté par les browsers...?

comment ça s'appelle ? du css standard je dirais ... je suis en train de lire les specs, plus d'infos dès que je trouve qq chose.
 
c'est supporté par ie6 & mozilla 1 (je n'ai que ça pour tester).

ie 5, opera 5/6 le supportent aussi.
ie 4 et NS4 supportent une partie seulement

je voulais dire, ça par ex:
.monMenu a  
{  
 color: rgb(255, 255, 255);  
}  
 
c standard, mais ça doit bien porter un nom, le fait de specialiser "monMenu" pour les "a", non? ... je demandais ça ct histoire d'aller voir les tableaux de support du css pour des tas de browsers (y'a des sites qui recensent la compatibilité là... )

c'est ce que je cherche ... (une cascade ? )
 
tu spécifies 'a' pour 'monMenu', pas l'inverse.

c'est donc un sélecteur.
 
http://www.w3.org/TR/REC-CSS2/selector.html#q1
 
E F Matches any F element that is a descendant of an E element.

ok, merci. donc c'est suffisamment courant.

<a class="bouton" href="index.php" target="_parent" style="text-decoration: none; position: absolute; top: 85px; left: 10px; color: green"><b>Accueil</a></b>
 
Drole toutes les nouvelles fonctions du forum..  
J'aime bien.

youdontcare a écrit a écrit : c'est ce que je cherche ... (une cascade ? )   tu spécifies 'a' pour 'monMenu', pas l'inverse.

oui mais j'ai dit "specialiser" ) --> tu specialises la classe monMenu pour les liens
enfin bref
 

ok  merci
 
Pour moi si ie4 et ns4 supportent pas, c encore trop tot pour se reposer entierement là dessus... à utiliser, je dirais, mais sans pour autant empecher les "lecture" par les autres...

NS4.x ne supporte pas ce que j'ai fait sur cette page de test mais depuis la version 6.2 de Netscape, avec Mozilla et IE depuis la version 4.0 cela passe sans problème.

flag, merci pour la solution, ça marche

c'te vieux topic que tu nous a retrouvés

ouais mais au moins on ne pourra pas me repprocher de ne pas avoir chercher avant ! j'ai utilisé ta solution d'ailleurs : attriber plusieur "a" en le nommant et en les appelant ensuite dans le code