Foros del Web » Creando para Internet » Diseño web »

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

Estas en el tema de AYUDA: Se puede hacer esto con DIVs ????!!!! PHOTOSHOP slices! en el foro de Diseño web en Foros del Web. Hola !! Simplemente esto.. no se anidar los divs como para que me quede esto... pueden agrandar la imagen... click derecho, ver imagen y darle ...
  #1 (permalink)  
Antiguo 01/08/2008, 07:52
 
Fecha de Ingreso: marzo-2007
Mensajes: 30
Antigüedad: 10 años, 8 meses
Puntos: 0
Busqueda AYUDA: Se puede hacer esto con DIVs ????!!!! PHOTOSHOP slices!

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!!!
  #2 (permalink)  
Antiguo 01/08/2008, 10:22
 
Fecha de Ingreso: agosto-2008
Mensajes: 3
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: AYUDA: Se puede hacer esto con DIVs ????!!!! PHOTOSHOP slices!

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
  #3 (permalink)  
Antiguo 01/08/2008, 13:00
 
Fecha de Ingreso: marzo-2007
Mensajes: 30
Antigüedad: 10 años, 8 meses
Puntos: 0
Busqueda Respuesta: AYUDA: Se puede hacer esto con DIVs ????!!!! PHOTOSHOP slices!

Cita:
Iniciado por pipecorrales Ver Mensaje
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!
  #4 (permalink)  
Antiguo 01/08/2008, 13:23
 
Fecha de Ingreso: marzo-2007
Mensajes: 30
Antigüedad: 10 años, 8 meses
Puntos: 0
Respuesta: AYUDA: Se puede hacer esto con DIVs ????!!!! PHOTOSHOP slices!

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!
  #5 (permalink)  
Antiguo 01/08/2008, 13:28
 
Fecha de Ingreso: junio-2008
Mensajes: 87
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: AYUDA: Se puede hacer esto con DIVs ????!!!! PHOTOSHOP slices!

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
  #6 (permalink)  
Antiguo 01/08/2008, 13:29
 
Fecha de Ingreso: marzo-2007
Mensajes: 30
Antigüedad: 10 años, 8 meses
Puntos: 0
Respuesta: AYUDA: Se puede hacer esto con DIVs ????!!!! PHOTOSHOP slices!

Cita:
Iniciado por j4v13r Ver Mensaje
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 !!!!!!!!!
  #7 (permalink)  
Antiguo 01/08/2008, 13:33
 
Fecha de Ingreso: marzo-2007
Mensajes: 30
Antigüedad: 10 años, 8 meses
Puntos: 0
Respuesta: AYUDA: Se puede hacer esto con DIVs ????!!!! PHOTOSHOP slices!

Che no me funciona eso!!!!

tengo todos los div s con posiciones absolutas.... no puedo hacer que se centre solo en el browser?
  #8 (permalink)  
Antiguo 01/08/2008, 14:03
 
Fecha de Ingreso: marzo-2007
Mensajes: 30
Antigüedad: 10 años, 8 meses
Puntos: 0
Respuesta: AYUDA: Se puede hacer esto con DIVs ????!!!! PHOTOSHOP slices!

<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

!!!!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:02.