centrar imagenes

[rascabuchitos]

hola amigos
como puedo hacer para que mi imagen de fondo se mantenga firme y se acomode a las resoluciones?
y asi tambien los pequeños div que ponga con titulos ?
http://fenicia.org/desplazamiento/

gracias

ps.
agradecere muevan este post a css
disculpen el error

[txemaarbulo]

Respecto a la imagen de fondo, con CSS3 puedes hacer esto:

Código CSS:

body {
    background: #1D1D1D url(/* ruta de tu imagen */)no-repeat top left fixed;
    background-size: cover;
}
 

El top left puede ser center, center o como quieras que te recoja, ya que llenará el ancho o alto de la imagen de acuerdo a la pantalla y recortará del alto o ancho que le sobre.

Respecto a los pequeños div. deberás fijar el alto o ancho que desees, perdiendo imagen según sean apaisadas, cuadradas o verticales (o no guarden las proporciones del div).

[rascabuchitos]

hola txemaarbulo
gracias por el dato de fondo pero, con los div no te entendi muy bien
yo quisiera que el 1 este encima del 2 y el 2 encima del 3

gracias

[txemaarbulo]

Iniciado por rascabuchitos

...pero, con los div no te entendi muy bien
yo quisiera que el 1 este encima del 2 y el 2 encima del 3

Me has de disculpar que sea yo quien no entiende lo que quieres:
En el primer post decías

Iniciado por rascabuchitos

...
como puedo hacer para que mi imagen de fondo se mantenga firme y se acomode a las resoluciones?
y asi tambien los pequeños div que ponga con titulos ?
http://fenicia.org/desplazamiento/
...

¿Superponerlos? (position:fixed o absolute, uno sobre otro) ¿Que la imagen se acomode a su resolución? (tamaño porcentual)

Porque con CSS ahora estás desplazando los .squareBox hacia la derecha. (margin: (izquierda) 50px, 350px y 650px)

¿?

[rascabuchitos]

lo de la imagen de fondo esta perfecto...

esos div que estan con numeros seran imagenes que quiero superponer
asi como los autos en este enlace
http://www.toyotaperu.com.pe/advantage/

gracias..¡¡¡

[txemaarbulo]

Iniciado por rascabuchitos

lo de la imagen de fondo esta perfecto...

esos div que estan con numeros seran imagenes que quiero superponer
asi como los autos en este enlace
http://www.toyotaperu.com.pe/advantage/

gracias..¡¡¡

Tanto desde la portada como después, al enlazar sobre cada coche, están en flash.
Tiene su precio en tiempo de carga pero, sin duda, es un trabajo que merece la pena.

Tentar algo con CSS y efectos de jQuery supone llegar a algo vagamente parecido.
El redimensionamiento de imagen puede hacerse con a:hover (enlace y posicionamiento del cursor sobre el enlace)

El traslado de imágenes al inicio o al pulsar en la imagen podría generarse con algún pluguin de JQuery.

En fin: el flash es más elegante y limpio.

[rascabuchitos]

mira txemaarbulo
gracias a tus consejos he podido superponer las imagenes con un efecto
http://fenicia.org/desplazamiento/

mi trabajo consiste en hacer algo parecido a ese flash pero con css, js y jquery

gracias por los tips...¡¡¡