28172 sujets

CSS et mise en forme, CSS3

Problème de plusieurs blocs mais une déclaration

Bonjour

Je viens poster une question
Voila :

Soit 42 blocs. Ils sont sensés être tous identiques.

J'aimerai ne pas avoir à écrire (ou copier/coller) 42 fois la même description.
J'avais vu dans certains fichiers de CSS des déclaration type :
h1, h2,h3 {description} embarqué c'est pesé


J'ai voulu faire la même chose avec mes blocs mais ca marcha pas.
Alors j'ai essayé avec les # devant chaque noms... normal... et ca marche pas non plus.

SI vous pouvez me conseiller.
Merci
Bonjour,

Si tous les blocs sont sencé être identique, il suffit de leur appliquer une même classe et de définir les propriétés pour la classe.

Difficile d'en dire plus sans savoir à quoi ressemble ton code, ce que tu appelle bloc et comment tu les a identifiés (si tu as des classes, il faut utiliser .nomDeLaClass et non #nomDeLID).
Et... je n'ai pas de classe j'ai que des ID... ca donne donc pour le premier cadre :


#cadre1 {
width:155px;
margin:10px;
height:155px;
background-color:#FFF;
float:left;
-moz-box-shadow: 1px 1px 10px #555;
-webkit-box-shadow: 1px 1px 10px #555;
}


#cadre2 {
width:155px;
margin:10px;
height:155px;
background-color:#FFF;
float:left;
-moz-box-shadow: 1px 1px 10px #555;
-webkit-box-shadow: 1px 1px 10px #555;
}


#cadre3 {
width:155px;
margin:10px;
height:155px;
background-color:#FFF;
float:left;
-moz-box-shadow: 1px 1px 10px #555;
-webkit-box-shadow: 1px 1px 10px #555;
}

... etc


Et le liste s'étale sur une quarantaine... comment faire pour tout regrouper en un seul ???
Doit surement y 'avoir un moyen
Ehhhh... je ne vois pas trop comment... je maîtrise peut-être pas assez la chose.

Je ne comprends pas pourquoi c'est possible de regrouper les h1, h2, h3... etc dans une seule déclaration et pas les #...
Pour ajouter une classe, ajoute "class=NomdeTaClasse" dans tes balises de cadres, apres l'attribut id comme ceci:

<div id="cadre1" class="cadre"></div>

et dans ta CSS :

Pour les propriétés communes a tous tes cadres tu met :

.cadre{
     //Popriété appliquée a tous les cadres ayant la classe "cadre"
}



Et pour personnaliser un certain cadre tu met un truc du genre :

#cadre1{
    //Propriété appliquée uniquement au cadre d'id "cadre1"
}


En gros les classes te permettent de regrouper des propriétés communes et se déclarent en CSS par un point.
Les IDs quant à elles sont uniques (pas deux fois la meme dans une page) et se déclarent par un # dans la CSS.
Modifié par Tetranima (24 Sep 2010 - 09:59)
Sujet clos
Aller à