Hola a todos,
Necesito un poco de ayuda y no se por donde empezar, ni como explicar mi problema para que me podais entender.
He creado un menu en html+css y en los 3 "apartados - secciones..." no los redirijo a otro subnivel si no que hago (quiero hacer) que se posiciones en diferentes alturas de la misma pagina.
He logrado hacer que vaya a la posicion requerida pero el menu no se posiciona exactamente donde me gustaría.
Css del menu:
Siempre esta fijo, si bajas con scroll el menu siempre esta a la vista en el top de la pagina.
Código:
.menu {
background-color: black;
margin-left: 0px;
z-index: 100;
position: fixed;
margin-top: 0px;
height: 30px;
width: 700px;
opacity: 0.80;
}
.menu ul {
margin-top: 14px;
float: left;
}
.menu li {
margin-left: 20px;
float: left;
}
.menu a {
color: white;
text-decoration: none;
font-size: 12px;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}
Html del menu y una seccion
Código:
<!-- menu -->
<div class="menu">
<ul>
<li><a href="#main">inicio</a></li>
<li><a href="#trabajos">trabajos</a></li>
<li><a href="#contacto">contacto</a></li>
</ul>
</div>
<!-- end.menu -->
<!-- trabajos -->
<div id="trabajos">
<b>Trabajos realizados</b>
<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
</div>
<!-- end.trabajos -->
Se que mediante css puedes hacer que la pagina se posicione a cierta altura que requieras. Por ejemplo que el bottom del menu se quede a 50px de
<b>Trabajos realizados</b>
El problemas que tengo es que no se como hacer eso.
Agradecería que alguien me enseñe un poco la luz!! no hace falta 100% solo que me diga por el camino que he de seguir.
Muchas gracias por vuestro tiempo, espero resolver esto pronto.
^_^
Miquel.