Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/09/2012, 05:09
Avatar de wataru77
wataru77
 
Fecha de Ingreso: febrero-2007
Mensajes: 20
Antigüedad: 18 años
Puntos: 1
Menu html+css

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.