web-dev-qa-db-fra.com

Suppression des "puces" de la liste non ordonnée <ul>

J'ai mis ceci:

list-style: none outside none;

Et HTML:

<ul class="menu custompozition4">
    <li class="item-507"><a href=#">Strategic Recruitment Solutions</a>
    </li>
    <li class="item-508"><a href="#">Executive Recruitment</a>
    </li>
    <li class="item-509"><a href="#">Leadership Development</a>
    </li>
    <li class="item-510"><a href="#">Executive Capability Review</a>
    </li>
    <li class="item-511"><a href="#">Board and Executive Coaching</a>
    </li>
    <li class="item-512"><a href="#">Cross Cultutral Coaching</a>
    </li>
    <li class="item-513"><a href="#">Team Enhancement &amp; Coaching</a>
    </li>
    <li class="item-514"><a href="#">Personnel Re-deployment</a>
    </li>
</ul>

mais même si les balles sont affichées. (Je ne suis pas tout à fait sûr que ce soient des balles ul, car lorsque vous survolez le texte, les "balles" sont soulignées.)

Démo d'image: http://i.stack.imgur.com/EoXko.png

Le troisième niveau du menu

htmlcsshtml-lists
39
Ivanka Todorova
ul.menu li a:before, ul.menu li .item:before, ul.menu li .separator:before {
  content: "\2022";
  font-family: FontAwesome;
  margin-right: 10px;
  display: inline;
  vertical-align: middle;
  font-size: 1.6em;
  font-weight: normal;
}

Est présent dans les CSS de votre site et semble provenir d'un fichier CSS compilé dans votre application. Peut-être d'un plugin. Changer le nom de la classe "menu" que vous utilisez devrait résoudre le problème.

Visuel pour vous - http://i.imgur.com/d533SQD.png

9
zajd

Avez-vous essayé de mettre

li {list-style-type: none;}

Selon Besoin d'une liste non ordonnée sans puces , vous devez ajouter ce style aux éléments li.

184
newtonrd

Vous pouvez supprimer le "puces" en définissant le "list-style-type: none;" Like

ul
{
    list-style-type: none;
}

OR

<ul class="menu custompozition4"  style="list-style-type: none;">
    <li class="item-507"><a href=#">Strategic Recruitment Solutions</a>
    </li>
    <li class="item-508"><a href="#">Executive Recruitment</a>
    </li>
    <li class="item-509"><a href="#">Leadership Development</a>
    </li>
    <li class="item-510"><a href="#">Executive Capability Review</a>
    </li>
    <li class="item-511"><a href="#">Board and Executive Coaching</a>
    </li>
    <li class="item-512"><a href="#">Cross Cultutral Coaching</a>
    </li>
    <li class="item-513"><a href="#">Team Enhancement &amp; Coaching</a>
    </li>
    <li class="item-514"><a href="#">Personnel Re-deployment</a>
    </li>
</ul>
10
Muhammad Awais

Dans votre fichier css, ajoutez ce qui suit.

ul{
 list-style-type: none;
}
2
Rajan Patil

Dans mon cas

li {
  list-style-type : none;
}

Il ne montre pas la balle mais laisse de la place pour la balle.

J'utilise

li {
  list-style-type : '';
}

Ça fonctionne parfaitement.

1
vichu