28220 sujets

CSS et mise en forme, CSS3

[résolu] Question de Newbie : peut-on redéfinir des balises par classe

Alors question sûrement triviale pour les experts qui parcourent ces forums Smiley cligne :

si dans mon fichier css j'ai par exemple :

ul{
initialisations quelconques
}

ai-je le droit de redéfinir la balise ul comme suit ?

.menuhaut ul {
initialisations quelconques
}
spécifiquement pour menuhaut ?

ça n'a pas l'air de marcher, seules les valeurs de la première balise sont prises en compte, mais comme mon expérience en css est fraîche de 2 jours je m'en remets à vos avis experts Smiley biggrin
Merci d'avance.
Modifié par _Dam_ (09 Jun 2005 - 16:49)
Petits bouts de code pour voir si j'arrive à mieux expliciter mon problème :
partie de ma css :

#haut {
height: 30px;
background-color:#CCCCFF;
}

ul{
  position:relative;
  list-style:none;		
  padding: 0px;
  margin: 0px;
  width:174px;
  height:183px;
  background: url(../images/base.gif) no-repeat left top;
}
.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut ul {
  position:relative;
  list-style:none;		
  padding: 0px;
  margin: 0px;
  width:100%;
}
.menugauche {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.menugauche ul{
  position:relative;
  list-style:none;
  padding: 0px;
  margin: 0px;
  width:174px;
  height:183px;
  background: url(../images/base.gif) no-repeat top left;
}


Partie simplifiée de ma page html

    <div id="haut">
      <ul class="menuhaut">
        <li><a href="">Menu 1</a></li>
        <li><a href="">Menu 2</a></li>
      </ul>
    </div>
    <div id="gauche">
      <ul class="menugauche">
        <li><a href="">Menu 1</a></li>
        <li><a href="">Menu 2</a></li>
      </ul>
    </div>


Alors dans mon idée, .menugauche ul et .menuhaut ul redéfinissent le comportement de <ul class="menugauche"> et <ul class="menuhaut">, mais ça ne semble pas marcher, et si je définis une balise ul avant, toutes les déclarations ne vont prendre en compte que celle-ci, il y a une subtilité des css qui m'échappe dirait-on Smiley sweatdrop
Modifié par _Dam_ (09 Jun 2005 - 15:34)
_Dam_ a écrit :
Alors dans mon idée, .menugauche ul et .menuhaut ul redéfinissent le comportement de <ul class="menugauche"> et <ul class="menuhaut">, mais ça ne semble pas marcher, et si je définis une balise ul avant, toutes les déclarations ne vont prendre en compte que celle-ci, il y a une subtilité des css qui m'échappe dirait-on Smiley sweatdrop


Tu te trompe, comme l'a indiqué Cyril :


.menuhaut ul


S'applique aux éléments ul contenus DANS les éléments de classe menuhaut.

Si tu souhaite donner des propriétés, spécifiquement, a <ul class="menhaut"> tu dois séléctionner ul.menuhaut dans ta css.
Merciiiiiiiiiiiiiiiiiiiiiiiiiiiii ça marche !!! Smiley smile Smiley smile Smiley smile

Je suis lent aujourd'hui, en même temps en se couchant à 3 heures du mat... Smiley rolleyes
Mauvaise excuse me suis couché à 7h Smiley langue

Si c'est ok, peux tu réjouter un tag [résolu] dans le titre de ton sujet, merci d'avance.
Sujet clos
Aller à