Diabolo_Ska Posted August 19, 2005 Share Posted August 19, 2005 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 More sharing options...
fabien29200 Posted August 19, 2005 Share Posted August 19, 2005 tu es sûr qu'il y a un 's' à la fin des mots clés ? moi je verrai bien : item ul onglet ul Link to comment Share on other sites More sharing options...
Matmout Posted August 19, 2005 Share Posted August 19, 2005 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 More sharing options...
Julgates Posted August 20, 2005 Share Posted August 20, 2005 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 More sharing options...
Matmout Posted August 20, 2005 Share Posted August 20, 2005 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. Link to comment Share on other sites More sharing options...
fefe67 Posted August 21, 2005 Share Posted August 21, 2005 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 ^^ Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.