Se utiliza para listas ordenadas y desordenadas y sus elementos de lista en HTML, y también para cualquier estilo de lista que se les aplique.
Los documentos W3 tienen un ejemplo de lista anidada con el prefijo DEPRECATED EXAMPLE:, pero nunca lo corrigieron con un ejemplo no obsoleto, ni explicaron exactamente qué está mal con el ejemplo. Entonces, ¿cuál de estas formas es la forma correcta de escribir una lista HTML? Opción 1 : el...
Quiero tener una lista "interna" con viñetas de lista o números decimales alineados con bloques de texto superiores. ¡Las segundas líneas de las entradas de la lista deben tener la misma sangría como la primera fila! P.ej: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo...
¿Hay alguna manera de crear un estilo de lista en HTML con un guión (es decir, o - –o - —) es decir <ul> <li>abc</li> </ul> Salida: - abc Se me ocurrió hacer esto con algo así li:before { content: "-" };, aunque no conozco las desventajas de esa...
Con el siguiente HTML, ¿cuál es el método más fácil para mostrar la lista como dos columnas? <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> <li>E</li> </ul> Pantalla deseada: A B C D E La solución debe poder...
Me gustaría controlar cuánto espacio horizontal empuja una bala <li>hacia la derecha en un<ol> o <ul>. Es decir, en lugar de tener siempre * Some list text goes here. Me gustaría poder cambiar eso para ser * Some list text goes here. o *Some list text goes here. Miré a...
Estoy tratando de ver mis elementos de la lista anidada de reducción representados con la sangría correspondiente cuando se ve en un navegador en vivo desde las páginas de Bitbucket. Pero no puedo entender cómo funciona incluso cuando uso sus ejemplos ( actualizados ): * Item 1 * Item 2 * Item 3...
¿Hay alguna manera de ajustar la posición de list-style-image? Cuando uso el relleno para los elementos de la lista, la imagen permanecerá en su posición y no se moverá con el relleno
Tengo la siguiente lista: <ul id="otis"> <li>Benz</li> <li>Other Benz</li> <li>Other Other Benz</li> </ul> Quiero deshacerme de las balas, así que intenté: ul#otis { list-style-type: none; } Sin embargo, eso no funcionó. ¿Cuál es la forma...
Me pregunto si es posible utilizar las clases font-awesome (o cualquier otra fuente icónica) para crear un <li>tipo de estilo de lista personalizado . Actualmente estoy usando jQuery para hacer esto, es decir: $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>"); Sin...
Parece que no puedo eliminar la sangría de mi lista desordenada cuando las líneas largas en mi lista se envuelven. Así es como se ve mi lista: Los usuarios de Windows pueden usar masilla Los usuarios de Mac pueden usar la Terminal.app Los usuarios de Linux pueden usar SSH [email protected]...
He estado buscando la lista de etiquetas que están disponibles dentro de a <li>, pero no pude encontrar ninguna referencia. ¿Es posible que se permita algún elemento de bloque HTML 4+ que cumpla con los
Olvidé el comando jQuery que borrará todos los elementos de una lista. Hice un poco de búsqueda, lo hice muchas veces antes, pero simplemente olvidé el comando. $("ul").clear() $("ul").empty() ambos no parecen lograr esto ... ¿qué comando es de nuevo? ACTUALIZACIÓN: Gracias chicos, debo tener...
Esto me ha estado molestando por un tiempo y me pregunto si hay algún consenso sobre cómo hacerlo correctamente. Cuando estoy usando una lista HTML, ¿cómo incluyo semánticamente un encabezado para la lista? Una opción es esta: <h3>Fruits I Like:</h3> <ul>...
Mi página web tiene una lista 'delgada': por ejemplo, una lista de 100 elementos de una palabra de longitud cada uno. Para reducir el desplazamiento, quiero presentar esta lista en dos o incluso cuatro columnas en la página. ¿Cómo debo hacer esto con CSS? <ul> <li>Item</li>...
Dentro de un <ul>elemento, claramente el espaciado vertical entre líneas se puede formatear con el atributo line-height. Mi pregunta es, dentro de un <ul>elemento, ¿cómo establezco el espacio vertical entre los elementos de la
Tengo una lista ordenada donde me gustaría que el número inicial fuera 6. Descubrí que esto era compatible (ahora en desuso) en HTML 4.01. En esta especificación, dicen que puede especificar el número entero inicial usando CSS. (en lugar del startatributo) ¿Cómo especificarías el número inicial...
Necesito usar, por ejemplo, el símbolo de estrella (★) como viñeta para un elemento de lista. He leído el módulo CSS3: Listas , que describe cómo usar texto personalizado como viñetas, pero no me funciona. Creo que los navegadores simplemente no admiten el ::markerpseudo elemento. ¿Cómo puedo...
El título lo explica bastante bien. Ahora que tenemos una <nav>etiqueta dedicada , Es esto: <nav> <ul> <li><a href="#foo">foo</a></li> <li><a href="#bar">bar</a></li> <li><a href="#baz">baz</a></li>...
No estoy seguro de por qué necesito usar ul-li en lugar de simplemente usar divs al enumerar elementos. Puedo hacer que ambos se vean exactamente iguales, entonces, ¿dónde está la ventaja funcional de crear una lista desordenada frente a alinear
¿Cómo puedo alinear a la izquierda los números en una lista ordenada? 1. an item // skip some items for brevity 9. another item 10. notice the 1 is under the 9, and the item contents also line up ¿Cambiar el carácter después del número en una lista ordenada? 1) an item También hay una solución...