Duda en como poner capas siguiendo el fondo de una imagen

Hola a tod@s!

Soy re-nueva en este foro (ya había escrito algunas veces e incluso me habías criticado mi web) y he decidido renovar esta en una con un diseño un poco más elegante.

Hice con photoshop una imagen .png de 768x1024 a la que ya le añadí diferentes "zonas" en colores más claros donde quiero poner información: el "body", las "news, las "updates" así como la barra de navegación horizontal en la línea alargada. Y hacerlo mediante capas.
El fondo es este:
[contenido no disponible]


Los problemas son los siguientes:
- Al centrar el fondo de la imagen para que se vea en todos los navegadores junto a un fondo más oscuro, cuando he puesto las diferentes capas de los enlances: Home, information, media, links... se me quedan en el lugar original
- Si quiero hacer sólo una barra de navegacion con todos los links seguidos, se me queda arriba de la imagen y no hay manera de centrarla en el sitio que quiero... es decir en la barra que ya he diseñado.
- En las zonas grandes: body, news, update.. me salen la barras para moverme y no quiero, ya que queda un efecto poco cuidado, sólo quiero que haya la de la se utiliza normalmente.

[contenido no disponible]


Lo estoy diseñando directamente desde el dreamweaver. Creeís que será mejor diseñarlo en tablas. Alguien me puede echar una mano, por favor. Gracias

hola

mira yo lo que hice en mi página fué partir la imagen

la divides en las diferentes secciones

es decir, cortas la imagen superior (donde pones la barra de navegacion)
haces una div (barra de navegacion he insertas ese fondo)

(espero haberme explicado)

saludos

Gracias, Yaneth!

Voy a probar lo de dividir la imagen, aunque como habrás podido ver la imagen que tengo de fondo, si la corto por la mitad una de las fotos queda seccionada.

Otra duda que tengo es a la hora de poner diferentes secciones en las zonas más claras de la parte de abajo, no quiero que salga la barra.
Ahora estoy intentando hacerlo con tablas y no hey manera de poner una sección central más grande y poder alinear título en imágenes gif.

Ufff! menudo agobio :shock:

mmm

de hecho yo intenté hacerlo con tu imagen, sin recortarla
y la verdad, no es tan complicado como parece

solo es cuestión de que tengas claro donde va cada contenido

y que no pretendas separarlas

me explico

en la parte de abajo tienes un espacio, luego un area para menu, luego otro espacio y otra area para contenido y termina con otro espacio verdad

bueno pues empiezas insertando una capa a la cual le darás las medidas necesaria para que entre en ella la imagen de fondo

insertas una tabla más de 1 por 1 para la parte de arriba
otra tabla más de 1 por1 para el area pequeña de menu
debajo de esta inserta una tabla dividida en 5 columnas
1-espacio
2-menu
3-espacio
4-contenido
5-espacio

en la hoja de estilos le das el ancho necesario y listo

pd. a mi lo unico que se me complicó un poco es que la imagen es muy obscura y se batalla un poco para ver hasta donde deben llegar las tablas
(o tal vez no sea la imagen, tal vez es, que mi monitor lo tengo sin nada de brillo y muy poco contraste, por eso del cansancio de la vista ejje)

pero intentalo así y si necesitas ayuda, solo avisa

saludos