style example html css html-lists

html - example - Eliminando "viñetas" de la lista desordenada<ul>



table html (6)

He establecido esto:

list-style: none outside none;

Y 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>

pero a pesar de que se muestran balas. (No estoy muy seguro de que esas sean las viñetas de ul, porque cuando pasas el texto, las "viñetas" quedan subrayadas).

Demostración de la imagen: http://i.stack.imgur.com/EoXko.png

El tercer nivel del menú


En mi caso

li { list-style-type : none; }

No muestra la bala, pero deja algo de espacio para la bala.

yo suelo

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

Funciona perfectamente


En su archivo CSS, agregue siguiente.

ul{ list-style-type: none; }



Prueba esto funciona

<ul class="sub-menu" type="none"> <li class="sub-menu-list" ng-repeat="menu in list.components"> <a class="sub-menu-link"> {{ menu.component }} </a> </li> </ul>


Puede eliminar las "viñetas" configurando "list-style-type: none;" Me gusta

ul { list-style-type: none; }

O

<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>


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á presente en el CSS de su sitio, parece que proviene de un archivo CSS compilado desde su aplicación. Tal vez de un plugin. Cambiar el nombre de la clase "menú" que está utilizando debería resolver el problema.

Visual para ti - http://i.imgur.com/d533SQD.png