maquetar este header con divs

[marcinf2]

estoy trtatando de dejar de lado las tablas para maquetear con divs pero ni idea de como maquetear este header alguien me podria dar una pista cual es la forma mas sencilla.. y como empezar? aqui se los dejo



este header va centrado

[mbavio]

Lindo problema en el que te has metido para andar empezando!

Lo primero que debes hacer es poner todo en un contenedor, y agregarle margin: 0 auto para que se centre.

Luego deberias ponerle a ese contenedor la imagen de fondo de la cabecera.

Luego deberias crear dos listas, una para el menu principal y otra para el secundario. A continuacion deberias posicionarlas absolutamente para ubicarlas con respecto a la cabecera. Recuerda agregarle position: relative al contenedor para que las listas se posicionen con respecto al mismo y no con respecto a la pagina entera.

No se si lo que va debajo de TRUST es otra lista, en caso positivo deberas hacer lo mismo que recien, pero sin ponerle vinculos.

Por ultimo, deberias agregar un vinculo con el texto "Ver mas" y posicionarlo tambien.

Y eso seria todo. Quizas hay otras formas de hacerlo, a mi me parece que esta es la mas facil. Te dejo un par de vinculos por las dudas que no entiendas alguna de las cosas que trate de explicarte.

http://css.maxdesign.com.au/ (todo lo que quieras para darle estilo a listas)

http://www.ignside.net/man/css/posicionamiento.php (guia de posicionamiento)

Saludos.

[marcinf2]

lindo para empezar no?

a ver si te entendi:

coloco un div contenedor con magin 0 auto y posicion realtiva y dentro de este toda la imagen.. y luego hago 2 listas y posicionadas para que coincidan

estas dos listas van dentro de otro div?

y para que ese header se vea del mismo tamaño en todas las resoluciones uso %?

gracias

[mbavio]

Explico un poco lo que dije antes:

el margen de 0 auto es para centrar horizontalmente al div contenedor. Realmente puedes poner cualquier cosa y auto, el primer valor es para el margen superior e inferior.

A este div le colocas como imagen de fondo a la imagen de cabecera.

Luego las dos listas las posicionas, sin meterlas dentro de otro div, ya que esto no tendria sentido, siendo las listas ya por si mismas elementos de bloque.

Para que sea vea del mismo tamaño en todas las resoluciones utiliza px.

Saludos.