Buenos dias,
Les cuento que me estoy iniciando en la realizacion de las paginas web, y bueno estoy queriendo hacer un menu desplegable. Va una especie de lista, donde al hacer click, se despliegue otra lista mas. Hasta aca lo pude hacer, lo que necesito y no puedo encontrar la forma de hacer, es que quede fija la lista al dejar de hacer clik.
Les paso por si necesitan ver el link de la pagina para que vean, www.emilianonatale.com.ar/prueba1
lo que hice hasta ahora... y ademas el codigo html y css.
No se si es necesario hacer esto java script o php.
Si me pueden orientar, les agradeceria.
Muchas gracias.
Mariel
html:
<div id="contenido">
<div class="clear"></div>
<span class="clear"><br /></span>
<ul class="menuservicios">
<li>Soporte técnico para PYMES
<ul>
<li>planes corportativos por determinada cantidad de maquinas</li>
<ul>
<li>inluye: servicio tencico en oficina, asistencia remota, llamadas de emergencia</li>
</ul>
<li>consultanos</li>
</ul>
</li>
<li>Soporte técnico para Usuarios Particulares
<ul>
<li>Detección de problemas.<li>
<li>Migraciones de sistemas operativos.</li>
<li>Cambio de hardware.</li>
<li>Actualizaciones.</li>
<li>Instalacion de diferentes versiones de windows, para un mejor rendimiento de equipo.</li>
<li>Instalacion de drivers y Ofimatica: Office y Programas Varios.</li>
<li>Limpieza de virus y spyware.</li>
<li>Formate e instalacion de sistemas operativos, Drivers y programas. Con o sin Backup.</li>
<li>Realizamos Backups.</li>
<li>Recuperación de datos.</li>
<li>Optimización de rendimiento.</li>
<li>Mantenimiento general.</li>
<li>Intalacion de modem, router y red Wifi</li>
<li>Consultanos por tu problema, que te brindaremos una solución</li>
</ul>
</li>
<li>Reparación de Notebooks
<ul>
<li>Detección de problemas.<li>
<li>Migraciones de sistemas operativos.</li>
<li>Cambio de hardware.</li>
<li>Actualizaciones.</li>
<li>Instalacion de diferentes versiones de windows, para un mejor rendimiento de equipo.</li>
<li>Instalacion de drivers y Ofimatica: Office y Programas Varios.</li>
<li>Limpieza de virus y spyware.</li>
<li>Formate e instalacion de sistemas operativos, Drivers y programas. Con o sin Backup.</li>
<li>Realizamos Backups.</li>
<li>Recuperación de datos.</li>
<li>Optimización de rendimiento.</li>
<li>Mantenimiento general.</li>
<li>Intalacion de modem, router y red Wifi</li>
<li>Consultanos por tu problema, que te brindaremos una solución</li>
<li>Reparación de hardware</li>
<li>reparaciones en general</li>
<li>consultanos</li>
</ul>
</li>
<li>Consultoría informática
<ul>
<li>Asesoría venta y gestión de equipos e insumos informáticos</li>
<li>te brindamos la informaci&on para que no malgastes tu dinero, y compres lo que realmente necesitas para la actividad que desarrollas</li>
</ul>
</li>
<li>Armado y mantenimiento de redes wifi y cableadas</li>
<li>Soluciones de backup y recuperación de datos
<ul>
<li>Te brindamos la solución de hacer un resguardo de tu información o copia de seguridad ante una enventual perdida de datos.
</li>
</ul>
</li>
<li>Reparacion de consolas
<ul>
<li>cambio de disco rigido</li>
<li>cambio de laser lector blu ray</li>
<li>recuperación del sistema operativo</li>
<li>modulos wifi y bluetooth</li>
<li>fuente de alimentación</li>
<li>reparaciones en general</li>
<li>consultanos</li>
</ul>
</li>
<li>Desarrollo web.
<ul>
<li>Diseño de Logos</li>
<li>Diseño de Banners</li>
<li>Diseño de PaginasWeb</li>
<li>Diseño de Newsletters</li>
<li>Consultanos</li>
</ul>
</li>
</ul>
</div>
Css:
ul.menuservicios
{
list-style:none;
}
ul.menuservicios li
{
position:relative;
}
ul.menuservicios ul
{
position:relative;
left:60px;
top:2px;
display:none;
list-style:none;
background:#FFF;
width:500px;
height:auto;
}
ul.menuservicios li:active >ul
{display:block;
list-style:none;
}
ul.menuservicios li:visited >ul
{
display:block;
list-style:none;
}
ul.menuservicios li:hover >ul >ul
{display:block;
pause-before:inherit;
list-style:none;
}
ul.menuservicios li:visited >ul >ul
{display:block;
list-style:none;
}
