Eviter les redondances avec le css: comment faire?

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Eviter les redondances avec le css: comment faire?

par jed » 18 avr. 2007, 10:31

héhé^^ impeccable, merci beaucoup!

Re: Eviter les redondances avec le css: comment faire?

par Snoops » 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é :P ... 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>

par jed » 18 avr. 2007, 09:36

Image Ok ben merci! :D

par Shrell » 18 avr. 2007, 09:34

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

par jed » 18 avr. 2007, 09:32

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

par Shrell » 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

Eviter les redondances avec le css: comment faire?

par jed » 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é :P ... 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; }