Consulta con Diseño CSS

Fonzooo · #1 (**permalink**) 01/06/2013, 15:44

Hola a todos! Estoy en medio de un trabajo para la universidad, en el cual ya termine el diseño de mi sitio web, pero estoy teniendo algunos problemas con el codigo, por lo cual queria saber si me podian dar una mano.

(Cabe aclarar que es un diseño relativamente simple, y es mi primer trabajo en HTML/CSS)

Por un lado, estoy teniendo problemas con la superposicion de las imagenes. De que manera puedo llevar un control organizado de que imagen queda delante de cual?
A su vez, la idea seria que, al pasar de una pestaña a otra en el menú, la imagen de fondo cambie. De que manera tengo que escribirlo, y a su vez, se le puede agregar algun tipo de transicion para el cambio de imagen??

Cualquier tipo de consejo o recomendacion me vendria genial.

Saludos!!

herzbazi · #2 (**permalink**) 01/06/2013, 16:05

la pregunta es haras un menu para todo el sitio o bien un menu por pagina?

por que en si poner fondo es sencillo

body{background:url(ubicaciondearchivo);}

Fonzooo · #3 (**permalink**) 01/06/2013, 16:14

La idea es que la imagen de fondo cambie cada vez que se pasa a una pestaña distinta. El pergamino va a quedar siempre visible, y cada pestaña representa una seccion distinta del menu.

herzbazi · #4 (**permalink**) 01/06/2013, 16:38

<body>

<a href="javascript:void(0)" onclick="javascript:document.body.style.background Image='url(http://www.imagenestop.com/items/car...527.jpg)'; document.body.style.backgroundColor='none';"><img style="width: 40px; height: 40px;" src="http://www.imagenestop.com/items/carros-para-descargar-26527.jpg" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.background Image='url(http://www.imagenestop.com/items/car...532.jpg)'; document.body.style.backgroundColor='none';"><img style="width: 40px; height: 40px;" src="http://www.imagenestop.com/items/carros-para-descargar-26532.jpg" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.background Image='url(http://www.imagenestop.com/items/car...538.jpg)'; document.body.style.backgroundColor='none';"><img style="width: 40px; height: 40px;" src="http://www.imagenestop.com/items/carros-para-descargar-26538.jpg" /></a>

</body>

si te sirve el code sumame
aaja creo que funcionara
ya lo probe

herzbazi · #5 (**permalink**) 01/06/2013, 16:40

<a href="javascript:void(0)" onclick="javascript:document.body.style.background Image='url(http://www.imagenestop.com/items/car...527.jpg)'; document.body.style.backgroundColor='none';"><img style="width: 40px; height: 40px;" src="http://www.imagenestop.com/items/carros-para-descargar-26538.jpg" /></a>

aqui vez una modificacion
del codigo velo

pzin · #6 (**permalink**) 02/06/2013, 05:11

Para el asunto de superponer imágenes, tendrás que cambiar su posicionamiento a un valor diferente al de por defecto, es decir, no static —seguramente relative te sirva— y luego añadir un valor z-index.