Foros del Web » Creando para Internet » CSS »

9 celdas de tabla con divs

Estas en el tema de 9 celdas de tabla con divs en el foro de CSS en Foros del Web. Hola foro: imaginense una tabla de ancho adaptable al contenido, de 3*3, con imagenes pequeñas en las celdas de las 4 esquinas y los 4 ...
  #1 (permalink)  
Antiguo 05/10/2008, 16:25
Avatar de killerangel  
Fecha de Ingreso: septiembre-2007
Ubicación: Un punto en el espacio
Mensajes: 592
Antigüedad: 10 años, 2 meses
Puntos: 10
9 celdas de tabla con divs

Hola foro:

imaginense una tabla de ancho adaptable al contenido, de 3*3, con imagenes pequeñas en las celdas de las 4 esquinas y los 4 bordes.

se puede hacer esto con divs y css?

gracias.
__________________
Sueñen... y trabajen por hacer esos sueños realidad... de eso se construye el futuro!!
Me siento entre la ASP-ada y la PHP-red
  #2 (permalink)  
Antiguo 05/10/2008, 16:30
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: 9 celdas de tabla con divs

claro que se puede
con la propiedad display:table-cell o table-row
el unico inconveniente que no anda en IE
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 05/10/2008, 22:14
Avatar de killerangel  
Fecha de Ingreso: septiembre-2007
Ubicación: Un punto en el espacio
Mensajes: 592
Antigüedad: 10 años, 2 meses
Puntos: 10
Respuesta: 9 celdas de tabla con divs

entonces es un si... con sabor a no... entonces creo que en este caso las tablas son necesarias... verdad?
__________________
Sueñen... y trabajen por hacer esos sueños realidad... de eso se construye el futuro!!
Me siento entre la ASP-ada y la PHP-red
  #4 (permalink)  
Antiguo 06/10/2008, 06:07
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: 9 celdas de tabla con divs

¿Qué es lo que vas a colocar en esa parrila que parece una tabla, debe comportarse como una tabla pero no son datos tabulados? ¿y cómo es el diseño?

Según estas respuestas, puede que haya una solución compatible.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 06/10/2008, 09:27
Avatar de killerangel  
Fecha de Ingreso: septiembre-2007
Ubicación: Un punto en el espacio
Mensajes: 592
Antigüedad: 10 años, 2 meses
Puntos: 10
Respuesta: 9 celdas de tabla con divs

pues es como una imagen de bordes redondeados, las esquinas transparentes y los márgenes (arriba, abajo, izquierda y derecha) que no deben estar de fondo en las esquinas ya que como éstas tienen transparencias se vería como fondo a los márgenes...

he encontrado varios estilos para bordes redondeados pero cuando encuentro algo como lo que busco, hay soluciones pero no para casos en donde las esquinas tengan transparencias, o donde la imagen (de bordes redondeados) tiene un ancho y alto maximo de acuerdo a la imagen pre establecida con ancho y alto fijo.... éste caso es interesante pero ante la posibilidad de una mayor resolucion o un monitor no convencional no queda nada bien...

por otra parte si se trabajara como en rejilla sólo sería necesario imágenes más pequeñas para márgenes y equinas que conviene al momento de cargar la web...

esper haberme hecho entender...

gracias
__________________
Sueñen... y trabajen por hacer esos sueños realidad... de eso se construye el futuro!!
Me siento entre la ASP-ada y la PHP-red
  #6 (permalink)  
Antiguo 06/10/2008, 11:26
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: 9 celdas de tabla con divs

¿Entonces lo de la tabla de 3x3 es sólo para hacer la rejilla y colocar ahí las esquinas, es decir, no es necesario que se comporte como una tabla, sino que es sólo para las esquinas?
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 06/10/2008, 11:34
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: 9 celdas de tabla con divs

Si es así, puedes hacerlo con 8 imágenes como te estás planteando, pero quizá no lo necesites.

Estos dos ejemplos están hechos con una sola imagen. A ver si te sirven de algo:

http://www.araudi.net/ejemplos/caja_sombra.html
http://www.araudi.net/ejemplos/esqui...s_1imagen.html
__________________
Visita mi nueva web idplus.org
  #8 (permalink)  
Antiguo 06/10/2008, 11:57
Avatar de killerangel  
Fecha de Ingreso: septiembre-2007
Ubicación: Un punto en el espacio
Mensajes: 592
Antigüedad: 10 años, 2 meses
Puntos: 10
Respuesta: 9 celdas de tabla con divs

Hola mikel gracias por tus respuestas.

Me parece interesante los simple del codigo css y lo bien que se muestran las imagenes... pero justame veo que tiene un ancho y alto limite, es decir deberé tener imágenes grandes como para preveer si la resolución es altay la imágen (borde) debe estar siempre adaptándose a la web...

por desgracia mi inconveniente es usar esquinas transparentes, de lo contrario hubiera podido hacer algo como esto...

http://www.sperling.com/examples/box/

este ejemplo trabaja con imagenes sólo para esquinas y márgenes (muy buena manera para ahorrar espacio en imágenes) pero cuando le pongo imagenes tansparentes a las esquinas, se llena del fondo de los márgenes....

crees q se pueda colocar el fondo de los márgenes sin llegar a ser el fondo de las esquinas??

otra vez gracias
__________________
Sueñen... y trabajen por hacer esos sueños realidad... de eso se construye el futuro!!
Me siento entre la ASP-ada y la PHP-red
  #9 (permalink)  
Antiguo 06/10/2008, 12:09
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: 9 celdas de tabla con divs

Como habrás visto, mi imagen con la sombra mide 478 x 353 pixels y aun así pesa 3 ks. Creo que puedes hacer una imagen lo suficientemente grande para cualquier resolución y que no pase de los 10 o 12 ks.Y lo bueno es que hace una única petición al servidor, lo que lo hace más rápido que 8 peticiones de 1 k.

No obstante, no acabo de entender lo de las imágenes transparentes: ¿transparente en su totalidad, pero el contenido tiene un fondo, o algo así?. Es que la imagen de la sombra tiene las esquinas transparentes, pero imagino que no te refieres a eso.
Sería muy bueno que pusieras una imagen de cómo quieres que quede para intentar entenderlo, porque no lo imagino.
__________________
Visita mi nueva web idplus.org
  #10 (permalink)  
Antiguo 06/10/2008, 12:22
Avatar de killerangel  
Fecha de Ingreso: septiembre-2007
Ubicación: Un punto en el espacio
Mensajes: 592
Antigüedad: 10 años, 2 meses
Puntos: 10
Respuesta: 9 celdas de tabla con divs

Pues la verdad es q me he decidido llevar tu codigo, es simple, limpo yla verdad es q con eso de las 8 llamadas me convenciste... jejeje soy un poco extremista cuando se trata de ahorrar tiempo, recursos y espacio tanto en el 'server' como en el 'user'....

Te agradezco por la yuda y creeme q has dado en el blanco con tu code...

Mil gracias y un abrazo estimado Mikel... como siempre, no es novedad tu amable participacion en el foro.
__________________
Sueñen... y trabajen por hacer esos sueños realidad... de eso se construye el futuro!!
Me siento entre la ASP-ada y la PHP-red
  #11 (permalink)  
Antiguo 06/10/2008, 12:24
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: 9 celdas de tabla con divs

ja, ja, ja. De nada, es un placer. Me alegro de haberte "convencido"

Nos vemos.
__________________
Visita mi nueva web idplus.org
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 21:07.