Foros del Web » Creando para Internet » CSS »

Menu desplegable con CSS

Estas en el tema de Menu desplegable con CSS en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 17/01/2011, 12:27
 
Fecha de Ingreso: enero-2011
Ubicación: Buenos Aires
Mensajes: 3
Antigüedad: 6 años, 11 meses
Puntos: 0
Menu desplegable con CSS

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&eacute;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&eacute;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&oacute;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&aacute;tica
<ul>
<li>Asesor&iacute;a venta y gesti&oacute;n de equipos e insumos inform&aacute;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&oacute;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&oacute;n del sistema operativo</li>
<li>modulos wifi y bluetooth</li>
<li>fuente de alimentaci&oacute;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;
}
  #2 (permalink)  
Antiguo 17/01/2011, 12:34
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Menu desplegable con CSS

Lo que pides no se puede hacer sólo con CSS.
Necesitas utilizar el atributo onclick y un poco de JavaScript para cambiar dinamicamente las propiedades CSS.

Etiquetas: desplegable
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 23:02.