AYUDA: Se puede hacer esto con DIVs ????!!!! PHOTOSHOP slices!

[zovx]

Hola !!

Simplemente esto.. no se anidar los divs como para que me quede esto...
pueden agrandar la imagen... click derecho, ver imagen y darle ZOOM para ver los numeros de las imagenes rojas que se cortaran...



Se puede?! Alguien me puede ayudar a armar el codigo con DIVS? no quiero usar tablas, quiero aprender con DIVS

Espero respuestas... de los mas capossss!!!

[pipecorrales]

Hola Zovx.

No tengas miedo de usar tablas cuando se necesita. En este caso estas creando una grilla por lo que no estaría mal usar una tabla. Pero si aún así quieres usar divs solo tienes que posicionarlos de manera absoluta:

<div style="position:absolute;top:0;left:0;width:300px" >1</div>
<div style="position:absolute;top:0;left:300px;width:45 0px">2</div>
<div style="position:absolute;top:0;left:7500px;width:2 00px">3</div>
...

Saludos

[zovx]

Iniciado por pipecorrales

Hola Zovx.

No tengas miedo de usar tablas cuando se necesita. En este caso estas creando una grilla por lo que no estaría mal usar una tabla. Pero si aún así quieres usar divs solo tienes que posicionarlos de manera absoluta:

<div style="position:absolute;top:0;left:0;width:300px" >1</div>
<div style="position:absolute;top:0;left:300px;width:45 0px">2</div>
<div style="position:absolute;top:0;left:7500px;width:2 00px">3</div>
...

Saludos

Vamo a probar nomas!!!

Gracias.. cualquier cosa te chiflo!

[zovx]

Va todo bien, pero como hago para que me quede todo esto que formo con las imagenes y divs, centrado en la pagina, o sea, que no importe el monitor, pero que todo este centrado siempre...
hay alguna forma?
gracias!

[j4v13r]

tenes que poner tooooooooooooodo adentro de un div y darle de estilo margin: o auto;

por ejemplo

<div id="contenedor" style="margin: 0px auto">
<!-- todo lo que quiras centrado aca-->
</div>

y esto va a hacer que se acomoden los margenes solos al viewport.. funciona bien en cualquier browser

saludos

[zovx]

Iniciado por j4v13r

tenes que poner tooooooooooooodo adentro de un div y darle de estilo margin: o auto;

por ejemplo

<div id="contenedor" style="margin: 0px auto">
<!-- todo lo que quiras centrado aca-->
</div>

y esto va a hacer que se acomoden los margenes solos al viewport.. funciona bien en cualquier browser

saludos

Gracias !!!!!!!!!

[zovx]

Che no me funciona eso!!!!

tengo todos los div s con posiciones absolutas.... no puedo hacer que se centre solo en el browser?

[zovx]

<div id="todo" style="position:absolute; width:750px; left:50%; margin-left:-375px;">

donde
750px es el total del ancho
y
375px es la mitad del mismo

!!!!!