Menu de Navegacion

AlanChavez · #1 (**permalink**) 23/07/2010, 00:35

He intentado de muchisimas formas, cambiando padding y margin del body
top, bottom, left, right
positions, todo, he tratado todo y aun no doy con lo que quiero hacer.

Lo que quiero hacer es tener un menu de navegacion que se encuentre pegado al inicio de la pagina (de arriba)

Un menu de navegacion, exactamente igual como al de la siguiente página:

Alguna idea?

Wasper · #2 (**permalink**) 23/07/2010, 02:08

Deberias mostrarno que tienes hecho (el codigo CSS y las divs)... asi podremos ayudarte...

TotemmetoT · #3 (**permalink**) 23/07/2010, 02:30

Como dice Wasper, ayudaría que mostrases el código de tu menú. De todas formas, no deberías tener problemas para que el menú se muestre "pegado" a la parte superior de la pàntalla del navegador. Símplemente, asegúrate de que es el menú el primer elemento que aparece en el código fuente (el primero... más o menos).

PD: Intenta resetear tu CSS si no lo has hecho todavía.

AlanChavez · #4 (**permalink**) 23/07/2010, 09:51

Bueno cierto, no quería pensar que quería el código hecho.

Lo voy a escribir al vuelo, puede que tenga algunos typos.

por decir, lo estoy haciendo en HTML5 y CSS3 (Aunque aun no tengo mucha idea de cual es la mayor diferencia entre CSS3 y CSS2)

en el HTML, despues de <head> y <body>
tengo un
<navigation class="navStyle">
<a href="index.html">Home</a>

</navigation>

En mi CSS tengo algo como
.navStyle
{
position:relative;
top:0px;
background-color:CCCCCC;
width:100%;
}

Y he tratado de modificar la propiedad position, quitar top, poner floating, todo todo y nadama sno em asle

tredio · #5 (**permalink**) 23/07/2010, 10:20

trata asi.

Código CSS:

Ver original.navStyle
{
position: absolute;
top:0;
left:0;
background-color:CCCCCC;
width:100&#37;px;
}

AlanChavez · #6 (**permalink**) 23/07/2010, 14:19

Cita:

Iniciado por tredio

trata asi.

Código CSS:

Ver original.navStyle
{
position: absolute;
top:0;
left:0;
background-color:CCCCCC;
width:100%px;
}

Perfectog racias!
Me faltaba el left:0

Lo que aun no entiendo bien, es cual es la diferencia entra la posicion absoluta y la posicion relativa?

jomaruro · #7 (**permalink**) 24/07/2010, 02:24

Hola:

En la guía de Migración de HTML+Tablas a XHTML+CSS que Mikmoro aportó al foro tienes una buena explicación.

Mírate el capítulo 3.- La estructura.

Saludos.