Como elimino los Bullets de las listas?

Css | Escrito por Ezequiel M. | Marzo - 4 - 2009

Eliminar subrayado de links

Las listas sean ordenadas o no, presentan por defecto Bullets para cada elemento LI de la misma. Muchas veces al usar muchas listas las hojas de estilos se vuelven catastróficas, por la cantidad de clases asignadas a cada una.


Para eliminar los bullets hay que referirse a la etiqueta UL, no a la LI como muchos hacen en medio del caos, porque es normal confundirse y culpar a los navegadores. Por eso al estilizar una lista tenemos que saber que los Bullets se forman por el elemento UL.


List-Style-Type: None, es la propiedad con el valor que tenemos que asignar las listas.


Código CSS:

ul{
list-style-type:none;
}


Código XHTML:

    

  • Item de la lista numero 1
    • 

  • Item de la lista numero 2
    • 

  • Item de la lista numero 3
    •

Resultado:

  • Item de la lista numero 1
  • Item de la lista numero 2
  • Item de la lista numero 3

Articulos relacionados:

    • Como elimino la sangría de una lista? Para remover sangría de una lista UL hay que eliminar los margenes y los rellenos de la misma. Las propiedades de Margin y Padding deben tener asignado un valor igual a cero, y complementariamente hay que usar el atributo de estilo de lista llamado list-style-type, con valor none. Código CSS: ul{ margin:0; padding:0; list-style-type:none; } Código XHTML: Item de la lista numero 1 Item
    • Como muestro una lista en posición horizontal? Las listas tienen la propiedad Block asignada por defecto, lo que hace que se muestre una linea debajo de otra formando una lista vertical. Como podemos ver en la web, la mayoría de los menús de los sitios o blogs están posicionados horizontalmente, para lograr eso tenemos que usar el valor Inline. Solo hay que usar
    • Como mover un elemento con CSS sin que deje de ocupar su lugar En el ejemplo tenemos un pequeño menú con 6 opciones, vamos a mover la del centro unos pixeles arriba sin que deje de ocupar su espacio en la lista. Con Position:relative se puede mover un elemento sin que este deje vacío su lugar de origen. Los Elementos 1, 3, 4, 5 y 6 se mantienen intactos

Comentarios:

Deja tu opinion