class css

[Diabolo_Ska]

Bonjour a tous,

Voila mon probleme, je mes un exemple pour que se soit plus explicite :

En fait les propriété que j'applique au ul,li de la class items s'appliquent aussi a celles de la classes onglets ce qui déregle la page. Comment faire pour que sa n'arrive pas ?

.items {

margin-top: 60px;

margin-left: 22px;

padding: 0;

...

}

.items ul,li {

list-style-type: none;

line-height: 12px;

margin-top: 23px;

margin-left: 0px;

text-align: center;

font-size: 12px;

}

.onglet {

loat: right;

width: 180px;

height: 32px;

margin: 2px;

border: 1px solid black;

background-color: #9BFDFC;

}

.onglets ul,li {

list-style-type: none;

font-size: 12px;

color: black;

padding: 4px;

text-align: center;

}

[fabien29200]

tu es sûr qu'il y a un 's' à la fin des mots clés ? moi je verrai bien :

item ul

onglet ul

[Matmout]

Du peu que j'ai compris de ta question, je dierait que c'est parce que ta classe onglet dépend de la classe items.

Par exemple dans un cas tel que celui-ci...

<div class="items">
    <div class="onglet"> ... </div>
</div>

... la classe onglet héritera du style de la classe items. Pour éviter cela, rien de plus simple : soit tu réorganise correctement ta hierarchie de classe, soit tu superpose les styles (dans ta classe onglet, tu redéfini les styles qui ne doivent pas être changés par la classe mère).

[Julgates]

Mon collègue qui s'occupe du css pourrais surement mieux te répondre, mais la j'ai un gros doute sur ta css :

ne serait-il pas mieux d'écrire :

ul.items,li.items {

list-style-type: none;

line-height: 12px;

margin-top: 23px;

margin-left: 0px;

text-align: center;

font-size: 12px;

}

la virgule sépare les éléments, si le li est seul, tous les li vont être défini non ?

et personnellement je ne connais pas la propriété "loat" ;-) (cf. .onglet)

[Matmout]

Julgates, ton code a un sens différent du sien

En fait le tiens défini des classes filles de ul/il qui s'utiliseraient de cette façon :

<ul class="items">
    <li class="items"> ... </li>
</ul>

Alors qu'il souhaite (de ce que j'ai compris) changer le style des balises ul/li dépendantes de la classe item. Dans quel cas ce qu'il a tapé est bon.

[fefe67]

Julgates a écrit:

personnellement je ne connais pas la propriété "loat" ;-) (cf. .onglet)

Ce n'est pas loat mais plutot float right , l'onglet se retrouvant flottant à droite , c'est tout ^^