SELFHTML

Forum SELFHTML: Archives:
Plusieurs class pour une balise

Page d'information: vue d'ensemble
vers le bas 

(CSS) Plusieurs class pour une balise

Le message suivant est de: raoul, 09. 05. 2005, 14:20

Bonjour ,

J'aimerais utiliser plusieurs class pour un balise ,

Ici un exemple sommaire

Dans la feuille de style

.pres1{width:200px;height:80px}
.pres2{width:300px;height:120px}
.cl1{color:blue;background-color:#FFFFCC}
.cl2{color:red;background-color:#CCCCFF}

puis

<div class="pres1"class="cl1">En bleue sur 200px*80px</div>
<div class="pres1"class="cl2">En rouge sur 200px*80px</div>
<div class="pres2"class="cl1">En bleue sur 300px*120px</div>
<div class="pres2"class="cl2">En rouge sur 300px*120px</div>

Mais ça ne fonctionne pas , je crois que c'est possible mais je ne suis pas sur que ce le soit

Je pourrais combiner id et class mais ça ne m'arrange pas parce que les éléments pourront apparaitre plusieur fois dans la page

Merci pour vos réponses


 
vers le hautvers le bas 

(CSS) Plusieurs class pour une balise

Le message suivant est de: raoul, 09. 05. 2005, 14:45

J'ai trouvé

il faut séparer les noms de classe avec une virgule
plus précisément un espace une virgule un espace

donc

<div class="pres1 , cl1">En bleue sur 200px*80px</div>
<div class="pres1 , cl2">En rouge sur 200px*80px</div>
<div class="pres2 , cl1">En bleue sur 300px*120px</div>
<div class="pres2 , cl2">En rouge sur 300px*120px</div>


 
vers le hautvers le bas 

(CSS) Plusieurs class pour une balise

Le message suivant est de: raoul, 09. 05. 2005, 16:08

En fait La virgule elle sert à rien ,
suffit juste de séparer avec un caractère blanc

<div class="pres1 cl1">En bleue sur 200px*80px</div>


 
vers le hautvers le bas 

(CSS) Plusieurs class pour une balise

Le message suivant est de: Patrick Andrieu, 10. 05. 2005, 10:29
http://actuel.fr.selfhtml.org/equipe/patrick.htm

Bonjour raoul!



»» En fait La virgule elle sert à rien ,
»» suffit juste de séparer avec un caractère blanc
»»
»» <div class="pres1 cl1">En bleue sur 200px*80px</div>

Bien vu! Il y a même de la littérature sur le sujet:
http://css-discuss.incutio.com/?page=MultipleClasses

Pense que Netscape 4.x ne supporte pas ce genre de construction!


Meilleures salutations de Francfort sur le Main,
Patrick
--
_ au delà du délire _


 


vers le haut

© 1998-2004 Adresse électronique selfhtml@fr.selfhtml.org