Eviter les redondances avec le css: comment faire?

18 avr. 2007, 09:28

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

exemple<a href="exemple2" class="normal">exemple2</a>

Alors voilà si j'omet le class="normal" dans la balise <a> il ne prend pas en compte le 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;
}

18 avr. 2007, 09:31

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

18 avr. 2007, 09:32

J'y ai pensé mais je dois utiliser plusieurs classes de police

18 avr. 2007, 09:34

donc ce cas oui, tu dois spécifier le nom de la classe pour chaque lien.

18 avr. 2007, 09:36

Ok ben merci!

18 avr. 2007, 10:28

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
exemple<a href="exemple2" class="normal">exemple2</a>
Alors voilà si j'omet le class="normal" dans la balise <a> il ne prend pas en compte le 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

exemple<a href="exemple2" class="normal">exemple2</a>

Mais :

Code : Tout sélectionner

exemple<a href="exemple2">exemple2</a>

18 avr. 2007, 10:31

héhé^^ impeccable, merci beaucoup!

Eviter les redondances avec le css: comment faire?

Qui est en ligne