Foros del Web » Creando para Internet » CSS »

Mostrar decoración en las listas

Estas en el tema de Mostrar decoración en las listas en el foro de CSS en Foros del Web. Buenas! Estoy teniendo un problema...pero que muy raro. En mi css tengo un "reset" el cual hace lo siguiente: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original ...
  #1 (permalink)  
Antiguo 29/05/2014, 02:36
Avatar de madman_18  
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 14 años, 3 meses
Puntos: 14
Pregunta Mostrar decoración en las listas

Buenas!

Estoy teniendo un problema...pero que muy raro.

En mi css tengo un "reset" el cual hace lo siguiente:
Código CSS:
Ver original
  1. ol,ul{list-style:none}

Pero en determinados bloques me interesa que se muestre la decoración de la lista, con lo que hago lo siguiente:
Código CSS:
Ver original
  1. .bloque-textoNoticia ul{
  2.     list-style:circle inside none !important;
  3. }
  4. .bloque-textoNoticia ol{
  5.     list-style:decimal inside none!important;
  6. }
Y mi HTML sería tipo como el siguiente:
Código HTML:
Ver original
  1. <ul>
  2. <li>
  3. <div class='bloque-textoNoticia'>
  4. <ul>
  5. <li>Holaa</li>
  6. </ul>
  7. </div>
  8. </li>
  9. </ul>

Sin embargo nunca me muestra la decoración en la lista que tengo más interna y no entiendo por qué porque depurando me está sacando que el estilo es el que asigno con .bloque-textoNoticia ul
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"
  #2 (permalink)  
Antiguo 29/05/2014, 16:55
 
Fecha de Ingreso: mayo-2013
Mensajes: 207
Antigüedad: 11 años, 6 meses
Puntos: 31
Respuesta: Mostrar decoración en las listas

A mi me funciona como entiendo que debería funcionar. Aunque me tendrías que aclarar a que te refieres con más interna.
  #3 (permalink)  
Antiguo 30/05/2014, 01:40
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Mostrar decoración en las listas

Cita:
Iniciado por madman_18 Ver Mensaje
no entiendo por qué porque depurando me está sacando que el estilo es el que asigno con .bloque-textoNoticia ul
No se asignan estilos/selectores sino atributos. Fíjate que no se esté aplicando algún otro que anule ese.
  #4 (permalink)  
Antiguo 30/05/2014, 04:41
Avatar de madman_18  
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 14 años, 3 meses
Puntos: 14
Respuesta: Mostrar decoración en las listas

Cita:
Iniciado por pzin Ver Mensaje
No se asignan estilos/selectores sino atributos. Fíjate que no se esté aplicando algún otro que anule ese.
Depurando con firebug, en teoría debería aplicar el circle....si me posiciono en la lista hija, el estilo que me coge es el list-style:circle!important sin embargo no me aparece
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"
  #5 (permalink)  
Antiguo 30/05/2014, 04:42
Avatar de madman_18  
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 14 años, 3 meses
Puntos: 14
Respuesta: Mostrar decoración en las listas

Cita:
Iniciado por alzacon Ver Mensaje
A mi me funciona como entiendo que debería funcionar. Aunque me tendrías que aclarar a que te refieres con más interna.
Perdona quizás no me expliqué bien, cuando me refiero a interna (siguiendo el ejemplo que puse arriba) me referiría a que apareciese el "circle" en la lista que contiene el "Hola"
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"
  #6 (permalink)  
Antiguo 30/05/2014, 06:37
 
Fecha de Ingreso: mayo-2013
Mensajes: 207
Antigüedad: 11 años, 6 meses
Puntos: 31
Respuesta: Mostrar decoración en las listas

Cita:
Iniciado por madman_18 Ver Mensaje
Perdona quizás no me expliqué bien, cuando me refiero a interna (siguiendo el ejemplo que puse arriba) me referiría a que apareciese el "circle" en la lista que contiene el "Hola"
ambas listas contienen el hola, solo muestra el estilo de lista la que está dentro del div.

Cita:
<ul>
<li>
<div class='bloque-textoNoticia'>
<ul>
<li>Holaa</li>
</ul>
</div>
</li>
</ul>
Creo que tienes un pequeño lío de conceptos.

Etiquetas: html, listas
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 21:56.