Mi consulta es: como hago para que las opciones de menú queden horizontalmente y que las opciones del submenu, queden debajo de "servicios" y se desplieguen cuando pase el mouse sobre servicios?
Ayuda con Web con divs!!
Nadie puede ayudarme a saber que pasos seguir para realizar mi menu de manera horizontal? :sad:
A ver, no has definido nada para :hover en el CSS. Sin eso, mal podrá desplegarse nada cuando pase el cursor por encima, ni aunque baile un zapateado [:)]
La clave de los menús desplegables es sencilla, "display: none" por defecto, y cuando :hover "display: block" [;)]
Busca menús desplegables en Google, aquí tienes un ejemplo: http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu
Un saludo.
La clave de los menús desplegables es sencilla, "display: none" por defecto, y cuando :hover "display: block" [;)]
Busca menús desplegables en Google, aquí tienes un ejemplo: http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu
Un saludo.
Gracias por la ayuda Lombardo, logre acomodar el menú y hacerlo desplegable, lo que me falta es saber como hacer para que los submenus se desplieguen en vertical y no en horizontal como me aparecen ahora! Podrían ayudarme a saber como modificarlo?
Dejo el código CSS tal como me quedo:
@charset "utf-8";
/* CSS Document */
body{
text-aling:center;
background-image:url(Objetos/fondo.png);
color:#000;
background-repeat:no-repeat;
margin:0px;
height:1000px; width:900px;}
#logo{aling: left;}
#navegacion{background-color:#333;
filter: alpha(opacity=40); opacity:0.4;
width:1348px; height:70px; font-family:Amethyst, Tunga, Toledo; font-size: 1.4Em; }
#navegacion li { float: left ;
margin: 20px 0px 0px 25px;
border-right: solid 3px; color:white; padding-right: 30px;
list-style:none; }
#navegacion li ul { display: block ;
visibility: hidden;
position: absolute ;
left: 8px; }
#navegacion li:hover ul { visibility: visible;}
a{color:#FFF;}
a:link {color:#FFF}
a:hover {color:#FF3; }
Dejo el código CSS tal como me quedo:
@charset "utf-8";
/* CSS Document */
body{
text-aling:center;
background-image:url(Objetos/fondo.png);
color:#000;
background-repeat:no-repeat;
margin:0px;
height:1000px; width:900px;}
#logo{aling: left;}
#navegacion{background-color:#333;
filter: alpha(opacity=40); opacity:0.4;
width:1348px; height:70px; font-family:Amethyst, Tunga, Toledo; font-size: 1.4Em; }
#navegacion li { float: left ;
margin: 20px 0px 0px 25px;
border-right: solid 3px; color:white; padding-right: 30px;
list-style:none; }
#navegacion li ul { display: block ;
visibility: hidden;
position: absolute ;
left: 8px; }
#navegacion li:hover ul { visibility: visible;}
a{color:#FFF;}
a:link {color:#FFF}
a:hover {color:#FF3; }
Alguien podría ayudarme a saber como hacer que los submenus al desplegarse queden en vertical y no en horizontal como me queda ahora? arriba de este mensaje esta mi hoja de estilo.
Please ayuda!! Es lo único que me falta para dejar listo el menú!![:???:]
Please ayuda!! Es lo único que me falta para dejar listo el menú!![:???:]
Creo que si ves como se ha implementado el css en esta página te vas a hacer una idea de las opciones de diseño que tiene el html5.