Page 1 sur 1
Eviter les redondances avec le css: comment faire?
Posté : 18 avr. 2007, 09:28
par jed
Salut, je tiens à préciser que la partie design d'un site web n'est pas vraiment ma tasse de thé
... mais il en faut, alors j'ai une question à poser: est on obligés de répéter dans un même paragraphe les mêmes id css? ex:
Code : Tout sélectionner
<span class="normal">exemple<a href="exemple2" class="normal">exemple2</a></span>
Alors voilà si j'omet le class="normal" dans la balise <a> il ne prend pas en compte le <span> précédent et me met la police par défaut... Comment procéder pour éviter ça?
Voici le css correspondant et il me semble correct:
Code : Tout sélectionner
.normal,a.normal:visited,a.normal:active,a.normal:link
{
font-family: Tahoma, helvetica;
font-size: 12px;
color: #000000;
text-decoration: underline;
}
Posté : 18 avr. 2007, 09:31
par Shrell
si ta classe "normal" correspond à tous les liens de ton site, alors essaie quelque chose comme ceci :
Code : Tout sélectionner
a,a:visited,a:active,a:link
{
font-family: Tahoma, helvetica;
font-size: 12px;
color: #000000;
text-decoration: underline;
}
de cette amnière ce style sera appliqué à tous les liens
Posté : 18 avr. 2007, 09:32
par jed
J'y ai pensé mais je dois utiliser plusieurs classes de police
Posté : 18 avr. 2007, 09:34
par Shrell
donc ce cas oui, tu dois spécifier le nom de la classe pour chaque lien.
Posté : 18 avr. 2007, 09:36
par jed
Ok ben merci!
Re: Eviter les redondances avec le css: comment faire?
Posté : 18 avr. 2007, 10:28
par Snoops
Salut, je tiens à préciser que la partie design d'un site web n'est pas vraiment ma tasse de thé
... mais il en faut, alors j'ai une question à poser: est on obligés de répéter dans un même paragraphe les mêmes id css? ex:
Code : Tout sélectionner
<span class="normal">exemple<a href="exemple2" class="normal">exemple2</a></span>
Alors voilà si j'omet le class="normal" dans la balise <a> il ne prend pas en compte le <span> précédent et me met la police par défaut... Comment procéder pour éviter ça?
Voici le css correspondant et il me semble correct:
Code : Tout sélectionner
.normal,a.normal:visited,a.normal:active,a.normal:link
{
font-family: Tahoma, helvetica;
font-size: 12px;
color: #000000;
text-decoration: underline;
}
Si tout tes liens qui devront être de type "normal" sont précédés d'un span de class "normal" alors tu peux l'écrire de la sorte :
Code : Tout sélectionner
.normal,.normal a:visited,.normal a:active,.normal a:link
{
font-family: Tahoma, helvetica;
font-size: 12px;
color: #000000;
text-decoration: underline;
}
Ou (Si tu as différentes balises de classe "normal" qui doivent s'afficher différement):
Code : Tout sélectionner
span.normal, span.normal a:visited, span.normal a:active, span.normal a:link
{
font-family: Tahoma, helvetica;
font-size: 12px;
color: #000000;
text-decoration: underline;
}
Et par ce fait tu n'auras plus besoin de mettre :
Code : Tout sélectionner
<span class="normal">exemple<a href="exemple2" class="normal">exemple2</a></span>
Mais :
Code : Tout sélectionner
<span class="normal">exemple<a href="exemple2">exemple2</a></span>
Posté : 18 avr. 2007, 10:31
par jed
héhé^^ impeccable, merci beaucoup!