Jump to content

class css


Recommended Posts

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;

}

Link to comment
Share on other sites

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).

Link to comment
Share on other sites

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)

Link to comment
Share on other sites

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

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.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...