Problema para posicionar div

[chichote]

Hola amigos, aver si me hechan una mano.

tengo el siguiente problema. necesito posicionar un div dentro de un li.

muestro la imagen y el codigo para que me entiendan.

en la imagen el caso de la izquierda es lo que veo actualmente con el codigo que tengo, y el caso de la derecha es como quiero que se vea.

Código HTML:

<ul>
                    <li><a class="titulo">Administración Area</a></li>
                    <li><a href="#">Dashboard</a>
                    <div style="padding-left:10px;">
                    	Opcion 1<br />
                        Opcion 1<br />
                        Opcion 1<br />
                        Opcion 1<br />
                        Opcion 1<br />                        
                    </div>
                    </li>
                    <li><a href="#">Alumnado</a></li>
                    <li><a href="#">FAQ</a></li>
                    <li><a href="#">Comentarios de la Plataforma</a></li>
                    <li><a href="#">Estadisticas</a></li>
                </ul><!-- end Navigation --> 

saludos

[pleter]

depende que libreria utilizas. acaso quieres lograr este efecto?

DEMO: http://www.webintenta.com/Files/JQueryCollapse.html
SOURCE: http://www.webintenta.com/9914.html

Si no lleva efecto, y es un simple menu, le estas errando en el css con alguna etiqueta repetida porque asi tal cual, se ve bien sin colores ni diseño:

Imagen de FF pero se ve igual en IE y Opera

[Impostor]

Buenas,

¿y el css?

Saludos¡¡

[chichote]

jejeje si tienes razon Pleter, mi error era que le estaba dando un height de 20px a los li

ahora si todo bien.


saludos.

[samu22]

Iniciado por Cherivera

jejeje si tienes razon Pleter, mi error era que le estaba dando un height de 20px a los li

ahora si todo bien.


saludos.

lo mejor es trabajar con padding para dar ese tipo de altura en una lista

[chichote]

Iniciado por samu22

lo mejor es trabajar con padding para dar ese tipo de altura en una lista

Sip :) me di cuenta jeje.

saludos

[Impostor]

Buenas, seria mas correcto usar margin-left en vez de padding-left. También deberías usar listas para los submenus, en vez de div y saltos de linea (</br>). Algo asi

Código HTML:

<ul>
<li><a class="titulo">Administración Area</a></li>
<li><a href="#">Dashboard</a></li>
     <ul>
         <li>Opcion 1</li>
         <li>Opcion 1</li>
         <li>Opcion 1</li>
         <li>Opcion 1</li>
         <li>Opcion 1</li>
     </ul>    
<li><a href="#">Alumnado</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Comentarios de la Plataforma</a></li>
<li><a href="#">Estadisticas</a></li>
</ul>
 

Saludos¡¡