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:
Html del menu y una seccion.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; }
Código:
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><!-- 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 -->
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.