Menú mediante lista (detalles)

He hecho el menú con una lista (UL) y tengo varios problemas:

a) No se como cambiar el color de los puntos.

b) El mayor margen en las subsecciones (definido en el css) se mira bien en IE pero en el Firefox los puntos se quedan con el mismo margen que las secciones principales.

c) ¿Podría (en la misma lista) definir un tamaño de letra diferente para las subsecciones?

A) Yo tampoco :oops: , pero quizás, si en la hoja de estilo le indicas un color a UL y otro diferente al LI consigas eso. O si no, das un color UL y otro a un tipo de enlace llamado por ejemplo "menu", y a ese "menu" le das el color del texto, así:

<LI>En Directo</LI>
<LI>En Estudio</LI>

Y en la hoja de estilo añades esto:

.negro {color: black}
Li.sub-apartado {text-indent: 20px ; color:blue}

Con esto seguramente salga el punto del color definido en LI (azul) y el texto del color definido en .negro (negro), no?

B) Dejame comprobarlo cuando llegue a casa, o recuerdamelo si ves que tardo, oki?

C) Claro, solo tienes que indicar el tamaño en la hoja de estilo, así:

Li.sub-apartado {text-indent: 20px ; font-size: 8px}

¿Comprobaste el punto B?

Prueba a poner, en lugar de esto:

Li.sub-apartado {text-indent: 20px}

Esto otro:

Li.sub-apartado {text-indent: 20px ; margin-left:20px }

Y si no funciona, este otro:

Li.sub-apartado {text-indent: 20px ; padding-left:20px}

dejando el resto de la hoja de estilos como está.

Se desplaza el punto? Si es así, solo tienes que ajustar, y en lugar de 20px poner lo que te quede bien.

Y tu? solucionaste los otros puntos?

Un saludo y perdona el retraso! :wink:

Los puntos ni se mueven. Pero por lo menos los demás problemas están solucionados.