[Résolu] Remplacement des puces

Bonjour,

Je souhaite remplacer les puces "classiques" (les gros points noirs) de la balise <li> par des caractères graphiques [+] et [-] pour simuler une liste déroulante avec sous-menus (en javascript)

Mon problème est le suivant : je parviens correctement à afficher les symboles graphiques désirés, mais je ne parviens pas à enlever les puces "classiques", qui continuent de s'afficher malgré tout (dumoins dans Firefox, car le problème ne se pose pas dans Internet Explorer ).
Je me retrouve donc avec 2 puces l'une à côté de l'autre. Comment enlever la puce par défaut ?

Voici un extrait de mon fichier css :

#menuList {
  margin: 0px;
  padding: 5px 5px 5px 5px;
}

li.menubar {
  background: url(plus.gif) no-repeat 0em 0.3em;
  font-size: 12px;
  line-height: 1.5em;
  list-style: none outside;
}

.menu, .submenu {
  display: none;
  margin-left: 15px;
  padding: 0px;
}

.menu li, .submenu li {
  background: url(square.gif) no-repeat 0em 0.3em;
  list-style: none outside;
}

.menu li a, .submenu li a {
  background-color: transparent;
  color: #000;
  font-size: 12px;
  text-decoration: none;
}
.menu li a:hover, .submenu li a:hover {
  text-decoration: underline;
}

Merci de votre aide
Modifié par Bak (07 Sep 2005 - 14:30)

Je crois qu'il suffit d'écrire: li {list-style-type:none;}

Effectivement, il manquait ce petit détail

merci.