18073 sujets

Questions générales et questions de débutants

List-style-type: none;

Bonjour à tous.
Je suis sur les cours de raphaël et je bute un peu là
Bref je n'arrive pas à oter ces foutues list dans mon menu.
Il doit y avoir un héritage quelque part ma j'arrive pas à le trouver.
Je vous donne le code (merci pour les tuto !)

<div id="conteneur">
<div id="header">
...
<div id="menu">
... 
<dl><dt onmouseover="javascript:montre('smenu1');">
   <a href="#">Le</a></dt>
   <dd id="smenu1">
      <ul>
	<li><a href="historique.php">Historique</a></li>
	<li><a href="discographie.php">Discographie</a></li>
     </ul>
  </dd>
</dl>


Voilà et la feuille de style

#menu dl,#menu dt, #menu dd, #menu ul, #menu li {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#menu {
position:absolute;
left:32px;
top:65px;
z-index:3;
}
#menu dl {
float: left;
width:105px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
height:23px;
padding-top:10px;
color: #FFF;
}
#menu dd {
display: none;
border: 1px solid white;
}
#menu li {
text-align: center;
background: #860000;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 20px;
border: 0 none;
text-decoration:none;
font-style: normal; 
font-weight : bold ;
font-size:12px;
color: #FFF;
}
#menu li a {
padding-top:5px;
}
#menu li a:hover, #menu dt a:hover {
color: #D39D00;
}
#menu dd a:hover{
color: #FFF;
background: #B85A10;
}


dur dur

je precise que tout en haut de ma feuille de style j'ai ca
ul {
padding-top: 5px;
list-style-image: url(images/puce.jpg); 
}

Et c'est cette puce qui m'affiche.
Modifié par narayana (28 Aug 2005 - 15:04)
Salut.

la propriété list-style-type n'agira que sur les <li>, pas sur les <dl>,<dt> et <dd> ... ta première ligne de CSS est déjà beaucoup trop longue Smiley cligne

Tu n'as pas défini de style de liste ailleurs dans ta feuille de style ? Essaie d'utiliser le chemin complet pour sélectionner les <li> que tu veux modifier :
#menu dl dd li {
list-style-type: none ;
}



hé ho, si tu édites ton sujet toutes les 5 minutes, forcément, on va dire des âneries, nous Smiley ravi Smiley edit Modifié par Sopo (28 Aug 2005 - 15:13)[/edit]
Merci grace à vous j'ai trouvé

Il y avait 2 propriétés héritées
list-style-image: et list-style-type

d'où pour fonctionner (peut être que cela n'est pas correct mais ca fonctionne)

il faut ecrire



#menu ul {
list-style-image: none;
list-style-type: none;
}


Merci à tous a+
Sujet clos
Aller à