css un question

Général
1

dans le typographie.css la definition de ".a" est :

a { text-decoration: none; color: #505050; }

mais pour ecrire sur fond bleu sur certaine page je voudrais mettre les <a href> en blanc et non en noir

Comme j'ai un css qui est appelé en dernier j'ai ajouté a cette css

a { color: white; text-decoration: none }

Mais cela evidement me change la couleur de tous mes <a href>, suis un peu egaré et ne vois pas comment faire

Meric cordialement

eric

2

Objet : [Spip] css un question

dans le typographie.css la definition de ".a" est :

a { text-decoration: none; color: #505050; }

mais pour ecrire sur fond bleu sur certaine page je voudrais
mettre les <a href> en blanc et non en noir

Comme j'ai un css qui est appelé en dernier j'ai ajouté a cette css

a { color: white; text-decoration: none }

Mais cela evidement me change la couleur de tous mes <a
href>, suis un peu egaré et ne vois pas comment faire

Meric cordialement

eric

Et tu ne peux pas mettre de classe à tes liens sur fond bleu ?

3

Olivier GENDRIN a écrit :

Objet : [Spip] css un question

dans le typographie.css la definition de ".a" est :

a { text-decoration: none; color: #505050; }

mais pour ecrire sur fond bleu sur certaine page je voudrais 
mettre les <a href> en blanc et non en noir

Comme j'ai un css qui est appelé en dernier j'ai ajouté a cette css

a  { color: white; text-decoration: none }

Mais cela evidement me change la couleur de tous mes <a 
href>, suis un peu egaré et ne vois pas comment faire

Meric cordialement

eric
    


Et tu ne peux pas mettre de classe à tes liens sur fond bleu ? 

_____________________________________________

Plus explicitement, tu vas devoir créer une classe dans ton css du style

a.styleBlanc{color: white; text-decoration: none }

et tu l’appeleras dans tes squelettes par

Pourquoi ?
parce que quand tu fais
a { text-decoration: none; color: #505050; }
tu fais une redéfinition de la balise a carrément, donc de toutes les balises, alors qu’en créant une classe
a.styleBlanc{color: white; text-decoration: none }
tu spécifies que uniquement les liens de classe styleBlanc seront écrit en blanc …

Voili voilou , cordialement

Mike
4

  Plus explicitement, tu vas devoir créer une classe dans ton css du
style
  
  a.styleBlanc{color: white; text-decoration: none }
  
  et tu l'appeleras dans tes squelettes par
  <a href="..." class ="styleBlanc">
  
  Pourquoi ?
  parce que quand tu fais
  a { text-decoration: none; color: #505050; }
  tu fais une redéfinition de la balise a carrément, donc de toutes
les balises, alors qu'en créant une classe
  a.styleBlanc{color: white; text-decoration: none }
  tu spécifies que uniquement les liens de classe styleBlanc seront
écrit en blanc ...
  
  Voili voilou , cordialement
  
  Mike
  
C'est typiquement le genre de réponse que je ne voulais pas donner. Les CSS
permettent de séparer design et contenu, et tu va donner à ta classe un nom
qui reléve du design alors qu'elle cible un contenu. Je sens que je ne suis
pas clair.

Par exemple, si les liens en question sont ceux du menu, la classe
s'appellera 'menu' et pas styleblanc.

En fait, ça posera problème lorsque tu voudra que les liens soient rouges.
Si la classe s'appelle blanc, il faudra modifier la CSS _et_ le code HTML,
alors qu'avec un nom qui reléve de la fonction de l'objet, et pas de son
apparence, on pouvait s'épargner ce besoin.

De plus, le code sera plus simple a relire si les liens du menu ont une
classe 'menu' plutôt qu'une class 'blanc'.

5

merci Oooops j' i declenché un truc ...

Olivier je me suis contenter pour suivre les lignes Spip à mettre simplement un class à mon <a href>

merci

Olivier GENDRIN a écrit :

  Plus explicitement, tu vas devoir créer une classe dans ton css du
style
  
  a.styleBlanc{color: white; text-decoration: none }
  
  et tu l'appeleras dans tes squelettes par <a href="..." class ="styleBlanc">
  
  Pourquoi ? parce que quand tu fais
  a { text-decoration: none; color: #505050; }
  tu fais une redéfinition de la balise a carrément, donc de toutes
les balises, alors qu'en créant une classe
  a.styleBlanc{color: white; text-decoration: none }
  tu spécifies que uniquement les liens de classe styleBlanc seront
écrit en blanc ...
  
  Voili voilou , cordialement
  
  Mike
  
C'est typiquement le genre de réponse que je ne voulais pas donner. Les CSS
permettent de séparer design et contenu, et tu va donner à ta classe un nom
qui reléve du design alors qu'elle cible un contenu. Je sens que je ne suis
pas clair.

Par exemple, si les liens en question sont ceux du menu, la classe
s'appellera 'menu' et pas styleblanc.

En fait, ça posera problème lorsque tu voudra que les liens soient rouges.
Si la classe s'appelle blanc, il faudra modifier la CSS _et_ le code HTML,
alors qu'avec un nom qui reléve de la fonction de l'objet, et pas de son
apparence, on pouvait s'épargner ce besoin.

De plus, le code sera plus simple a relire si les liens du menu ont une
classe 'menu' plutôt qu'une class 'blanc'.

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ

6

Olivier GENDRIN a écrit :

  Plus explicitement, tu vas devoir créer une classe dans ton css du
style
  
  a.styleBlanc{color: white; text-decoration: none }
  
  et tu l'appeleras dans tes squelettes par <a href="..." class ="styleBlanc">
  
  Pourquoi ? parce que quand tu fais
  a { text-decoration: none; color: #505050; }
  tu fais une redéfinition de la balise a carrément, donc de toutes
les balises, alors qu'en créant une classe
  a.styleBlanc{color: white; text-decoration: none }
  tu spécifies que uniquement les liens de classe styleBlanc seront
écrit en blanc ...
  
  Voili voilou , cordialement
  
  Mike
  
C'est typiquement le genre de réponse que je ne voulais pas donner. Les CSS
permettent de séparer design et contenu, et tu va donner à ta classe un nom
qui reléve du design alors qu'elle cible un contenu. Je sens que je ne suis
pas clair.

Par exemple, si les liens en question sont ceux du menu, la classe
s'appellera 'menu' et pas styleblanc.

En fait, ça posera problème lorsque tu voudra que les liens soient rouges.
Si la classe s'appelle blanc, il faudra modifier la CSS _et_ le code HTML,
alors qu'avec un nom qui reléve de la fonction de l'objet, et pas de son
apparence, on pouvait s'épargner ce besoin.

De plus, le code sera plus simple a relire si les liens du menu ont une
classe 'menu' plutôt qu'une class 'blanc'.

Bonsoir

Aussi il est possible de donner à la balise a un comportement en fonction de son parent ou contenant

ainsi en ecrivant .menu a {color: white}; c'est toutes les balises a du contenant menu qui sont considérés et pas les autres

Claude