Foros del Web » Creando para Internet » Herramientas y Software »

Listas anidadas

Estas en el tema de Listas anidadas en el foro de Herramientas y Software en Foros del Web. Saludos a todos: Tengo un problemón. Necesito crear listas anidadas en Dreamwaver 8. Hago esto (perdón por el rollo): <ol> <li>Color <ul> <li>Azul <ol> <li>Añil</li> ...
  #1 (permalink)  
Antiguo 05/02/2011, 07:54
 
Fecha de Ingreso: febrero-2011
Mensajes: 3
Antigüedad: 8 años, 10 meses
Puntos: 0
Listas anidadas

Saludos a todos:

Tengo un problemón. Necesito crear listas anidadas en Dreamwaver 8.

Hago esto (perdón por el rollo):

<ol>
<li>Color
<ul>
<li>Azul
<ol>
<li>Añil</li>
<li>Azul marino</li>
<li>Celeste</li>
</ol>
</li>
<li>Verde
<ol>
<li>Verde botella</li>
<li>Verde mar</li>
</ol>
</li>
</ul>
</li>
<li>Tamaño</li>
</ol>


En la vista "Diseño" está bien:
  1. Color
    • Azul
      1. Añil
      2. Azul marino
      3. Celeste
    • Verde
      1. Verde botella
      2. Verde mar
  2. Tamaño

Sin embargo, en Internet Explorer no lo veo así.

Y tengo más problemas, por ejemplo siempre coge la misma viñeta ("square"), aunque en el CSS tengo definido otra cosa.

En fin, sé que es un rollo, pero gracias por leer, y ojalá alguien sepa una solución.

Saludos.
  #2 (permalink)  
Antiguo 05/02/2011, 15:28
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 8 años, 11 meses
Puntos: 36
Respuesta: Listas anidadas

No sé qué versión usas, pero yo lo veo bien en IE y Firefox, eso sí, sin la viñeta cuadrada ya que has definido lo siguiente:

#menu ul, li {
list-style-type: none;
}
No veo ni los números ni las viñetas.
  #3 (permalink)  
Antiguo 05/02/2011, 23:59
 
Fecha de Ingreso: febrero-2011
Mensajes: 3
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Listas anidadas

Gracias por la respuesta, sanxuan.

IE versión 8, DW versión 9.

Y no, no tengo "none" en list-style-type; lo que tengo es "circle" o "square" o "disc", he probado de todo, pero da igual: siempre sale "square". No puedo visualizar las viñetas distintas en listas anidadas, ni en cualquier lista, sólo square, square, square...

Y luego lo otro, la locura de los números: no salen "a, b, c...", sino todo y siempre "1, 2, 3...".

En fin, de cualquier manera, reiteradas gracias.

Y saludos,

Gaviotamente
  #4 (permalink)  
Antiguo 06/02/2011, 16:26
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 8 años, 11 meses
Puntos: 36
Respuesta: Listas anidadas

Mil disculpas. Releo el comentario original y yo tampoco veo que digas que lo estés usando. Uso una página de prueba para pegar los códigos y ver el resultado en el navegador. Seguro que se me olvidó borrar el CSS de la prueba anterior.

Se pueden usar las propiedades CSS siguientes para listas:

list-style-type Permite seleccionar el tipo de viñeta entre los siguientes: [ disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none ]
Los tres primeros valores son los habituales para <ul> y el resto, salvo none, para <ol>. El valor lower-roman o lower-alpha son alternativas habituales al valor decimal por defecto en listas ordenadas.

list-style-image Permite usar una imagen en lugar de las viñetas habituales.
[ url("http://...") | none ]

list-style-position Posición de la viñeta. Los valores son: [ inside | outside ]

list-style Permite establecer el estilo de la lista, la imagen y/o la posición. Es una abreviatura para incluir todas las propiedades anteriores en una sola línea.
[ <list-style-type> || <list-style-position> || <list-style-image> ]

Los valores encerrados entre corchetes [ ] y separados por barras verticales | indican que son alternativas a escoger. Sólo se puede usar un valor de entre los que aparecen.
Los valores separados por dos barras || indican que son valores opcionales, que pueden aparecer o no.
  #5 (permalink)  
Antiguo 07/02/2011, 05:09
 
Fecha de Ingreso: febrero-2011
Mensajes: 3
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Listas anidadas

Gracias de nuevo, sanxuan. Voy a mirar todo esto y a hacer pruebas despacico. Creo que el lío lo tengo porque no le he pilla'o todavía el truco a la comunicación entre el CSS y mi documento. Pero lo voy a conseguir. Con tu ayuda, seguro.

Reiteradas gracias.

Etiquetas: anidadas, dreamweaver, listas, viñetas
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 08:11.