Responder
Menu desplegable html5
Haz clic para ver el perfil del usuario

Usuario Novato
Usuario Novato

#1

Hola tengo hecho un menu desplegable en html5 y css3, tengo el inconveniente que cuando se despliegan las pestañas del menu, el div de contenido de abajo se mueve mas abajo aun. Como hago para que el menu quede arriba del div.
Pego los codigos:

PHP

Código:
ul#menu-horizontal li {
margin-top:3%;
margin-right:3%;
float: right;
display: inline;
position: relative;}

#menu-horizontal ul {
background:#E6E6E6;
border:#999 solid 1px;
display: none;
position: relative;
top: 10px;
margin:0;
padding:0;

}

#menu-horizontal ul li{
display: block !important;


}
#menu-horizontal ul li:hover {
    border-bottom: none;
   
}

#menu-horizontal li:hover ul{
display: none;
display: block;

}



#menu-horizontal {
width:100%;
margin:auto;
}

#menu-horizontal li {
margin:0.3%;
width:10%;
text-align:center;
list-style:none;
padding:1% 0;
font:0.95em Arial;

}

/* y otro poquito por aquí.. */

#menu-horizontal li:hover {
border-bottom:#09C solid 10px;
}

#menu-horizontal li a {
color:#09C;
text-decoration:none;

}

#menu-horizontal li ul li{
float:none;
width:20%;
}
#formulario
{
    width: 80%;
    height: auto;
    background-color: rgba(0,0,0,0.5);
    position: relative;
    font:Arial, Helvetica, sans-serif;
    size: 1.3em;
    margin: auto;
    clear: both;
    padding: 2%;
    text-align: left;
}

HTML

Spoiler:

<div id="formulario">
<span class="contactotitulo">Contacto</span>
<form id="form1" name="form1" method="post" action="enviar.php">
<p>Nombre y Apellido<br>
<input name="nombre" type="text" id="nombre" size="50" maxlength="50" />
<br />

Telefono<br>
<input name="telefono" type="text" id="telefono" size="50" maxlength="50" />
<br />
E-mail<br>
<input name="email" type="text" id="email" size="50" maxlength="100" />
<br />
</p>
<p>Seleccion el area correspondiente</p>
<p>
<input type="radio" name="Departamento" value="asdad@hotmail.com" id="Departamento_0" />
HOTMAIL
<input type="radio" name="Departamento" value="lals@gmail.com" id="Departamento_1" /> GMAIL</p>
<p> <br />
Mensaje<br>
<textarea name="mensaje" id="mensaje" cols="49" rows="5"></textarea>
<br />
<br />
<input type="submit" name="enviar" id="enviar" value="Enviar" />
</label>
</form>
</div>


ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Suscribir

Permisos:

TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 20:59 UTC+02:00 DST
Ir al subforo:
Temas similares
TemaUsuariosRespuestasVisitasActividad
32kDec/10
104kDec/09
14kJun/07
1128kNov/03
54kMay/03