Page 1 sur 1
CSS - couleur des liens
Publié : 01 mars 2005, 20:13
par EmmaZL
Bonjour !
Je suis en train de m'énerver avec une CSS !
voilà ma page :
http://www.barf.ch/livres2.htm
et ma css :
http://www.barf.ch/styles.css
Pourquoi les deux liens dans le premier paragraphe sont bleus ? La class c'est .std et ils devraient être marrons (#9A7C5C, comme les titres).
Qu'est-ce que j'ai fait de faux ?
Merci pour vos réponses !
ps : je sais que ma page n'est pas valide, mais ça va viendre...
Publié : 01 mars 2005, 21:05
par calimo
A priori tu n'a pas des <a class="std"> mais des <foo class="std"> <a>
Donc ton sélecteur c'est pas
a.std mais
.std a.
Un peu de lecture :
http://www.yoyodesign.org/doc/w3c/css2/selector.html
PS : prochaine étape, utiliser les CSS pour autre chose que juste changer les couleurs des liens et les polices
Publié : 01 mars 2005, 21:30
par EmmaZL
Merci calimo !
J'avoue que je n'ai pas tout compris dans ta réponse... (c'est pas de ta faute, c'est juste que je suis nulle)
Mais si j'ai quand même compris un tout petit peu, le class="std" doit être un attribut de la balise <a>. C'est ça ? C'est ce que j'ai fait et ça fonctionne en tout cas.
Comme ça :
Code : Tout sélectionner
<td width="100%" valign="top" colspan="2">
<p align="left">Voici quelques livres qui devraient
vous aider pour débuter. Vous pourvez commander tous
les livres sur <a href="http://www.dogwise.com" target="_blank" class="std">
www.dogwise.com</a>. Le livre "Viande à chien" (le
seul en français) peut être commandé sur <a href="http://www.viandeachien.com" target="_blank" class="std">
www.viandeachien.com</a>. Les diètes présentées
diffèrent d'un livre à l'autre. A vous de choisir ce
qui vous convient le mieux.<br>
</td>
Par contre, le lien que tu m'as donné, c'est un peu comme du mandarin...
pis ces trucs de parents et d'enfants, j'ai jamais tellement eu l'instinct maternel, moi...
(y a même les enfants adjacents ! c'est les gosses des voisins ?)
bon, ok, --> []
(en tout cas, merci beaucoup, beaucoup pour ton aide
et désolée d'être une si mauvais élève...)
Publié : 01 mars 2005, 21:42
par calimo
EmmaZL a écrit :Mais si j'ai quand même compris un tout petit peu, le class="std" doit être un attribut de la balise <a>. C'est ça ? C'est ce que j'ai fait et ça fonctionne en tout cas.
Oui, enfin le mieux serait plutôt de modifier le sélecteur et de laisser le code HTML intact
EmmaZL a écrit :Par contre, le lien que tu m'as donné, c'est un peu comme du mandarin...
Ah be alors évidemment si tu n'as pas compris ça...
Je te conseille de commencer par lire
ce tutoriel sur les CSS, c'est un bon début, après tu pourra comprendre comment fonctionnent les sélecteurs complexes sur la page de "mandarin"
En gros : "a.std" sélectionne tous les <a> dont la classe est "std" (donc <a class="std">) alors que ".std a" sélectionne tous les a compris dans un élément dont la classe est std (donc <foo class="std">...<a>...</foo>)
Publié : 01 mars 2005, 22:23
par EmmaZL
calimo a écrit :
Je te conseille de commencer par lire
ce tutoriel sur les CSS, c'est un bon début, après tu pourra comprendre comment fonctionnent les sélecteurs complexes sur la page de "mandarin"
Ah ben vi, là c'est déjà plus abordable pour moi !
En gros : "a.std" sélectionne tous les <a> dont la classe est "std" (donc <a class="std">) alors que ".std a" sélectionne tous les a compris dans un élément dont la classe est std (donc <foo class="std">...<a>...</foo>)
[/quote]
hiiiii ! je crois que j'ai compris (à part "foo" que je pige pas).
Vu que ma class est dans td et que a est compris dans td, il faut que j'utilise .std a et pour ça, faut que je modifie ma css. C'est ça ?
Au lieu de ça :
Code : Tout sélectionner
a.std:link {
color : #9a7c5c;
text-decoration : underline;
font-size : 8pt;
font-family : Verdana;
}
je mets ça :
Code : Tout sélectionner
.std a:link {
color : #9a7c5c;
text-decoration : underline;
font-size : 8pt;
font-family : Verdana;
}
c'est juste ? (vi vi je crois que c'est juste !!!)
Publié : 01 mars 2005, 22:32
par calimo
EmmaZL a écrit :(à part "foo" que je pige pas).
J'ai mis <foo>, j'aurais pu mettre td, p, zorglub ou pijama
, mais généralement on mets "foo" pour dire "quelque chose"
EmmaZL a écrit :hiiiii ! je crois que j'ai compris
[...]
c'est juste ? (vi vi je crois que c'est juste !!!)
Pas d'histérie, ou tu va nous faire une rupture d'anévrisme
Oui oui, c'est exactement ça
Publié : 01 mars 2005, 22:41
par EmmaZL
calimo a écrit :J'ai mis <foo>, j'aurais pu mettre td, p, zorglub ou pijama
, mais généralement on mets "foo" pour dire "quelque chose"
hi hi ! ce que je suis nulle !
m'enfin, si t'avais mis zorglub, j'aurais peut-être compris.
Pas d'histérie, ou tu va nous faire une rupture d'anévrisme
chaque fois que j'arrive à faire qqch de nouveau je suis hystérique !
mon coloc se pose des questions sur ma santé mentale...