Foros del Web » Creando para Internet » CSS »

Sobre el list-style

Estas en el tema de Sobre el list-style en el foro de CSS en Foros del Web. La viñeta (y otros elementos) de lista es un elemento de estructura que nos indica la naturaleza del formato. Qué tan semántico sea su uso ...
  #1 (permalink)  
Antiguo 27/11/2008, 04:14
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Sobre el list-style

La viñeta (y otros elementos) de lista es un elemento de estructura que nos indica la naturaleza del formato. Qué tan semántico sea su uso depende por supuesto del maquetador, pero lo cierto es que en el área de diseño creo que se logran mejores resultados prescindiendo del list-style para siempre. Esto sólo lo aplico en el caso de las listas no ordenadas.

Si en lugar del list-style asignamos fondos tenemos más libertad de personalización, tanto en la elección de la imagen/efecto como en el mismo posicionamiento de la viñeta.

Código:
<ul>
  <li>Elemento</li>
</ul>

------------

ul {
  list-style: none;
}

li {
  padding-left: 15px;
}

li a {
  background: url(vineta.png) left 4px no-repeat;
}

li a:hover {
  background: url(vineta-hover.png) left 4px no-repeat;
}
Igualmente podemos asignar fondos no repetitivos e incluir una "viñeta falsa". Hay buenas opciones con este método.

En realidad el problema que he encontrado con el list-style es (como siempre) el mardito IE, el cual tiende a desplazar un poco la imagen de la viñeta hacia arriba. Usando background en lugar del list-style se soluciona esta parte.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:08.