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.
05/10/2008, 15:25
| ||||
| ||||
| 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 |
|
05/10/2008, 15:30
| ||||
| ||||
| 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 |
|
05/10/2008, 21:14
| ||||
| ||||
| 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 |
|
06/10/2008, 05:07
| ||||
| ||||
| 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 |
|
06/10/2008, 08:27
| ||||
| ||||
| 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 |
|
06/10/2008, 10:26
| ||||
| ||||
| 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 |
|
06/10/2008, 10:34
| ||||
| ||||
| 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 |
|
06/10/2008, 10:57
| ||||
| ||||
| 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 |
|
06/10/2008, 11:09
| ||||
| ||||
| 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 |
|
06/10/2008, 11:22
| ||||
| ||||
| 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 |
|
06/10/2008, 11:24
| ||||
| ||||
| 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 |
