Foros del Web » Creando para Internet » CSS »

cajas que parezcan tablas de datos

Estas en el tema de cajas que parezcan tablas de datos en el foro de CSS en Foros del Web. me indicar donde hay ejemplos de este tipo de cajas. SI es que lo hay. Gracias....
  #1 (permalink)  
Antiguo 21/10/2009, 07:31
 
Fecha de Ingreso: agosto-2008
Mensajes: 584
Antigüedad: 9 años, 4 meses
Puntos: 11
cajas que parezcan tablas de datos

me indicar donde hay ejemplos de este tipo de cajas. SI es que lo hay. Gracias.
  #2 (permalink)  
Antiguo 21/10/2009, 09:46
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: cajas que parezcan tablas de datos

Hola trevol:

a lo mejor te refieres a "display:table;" puedes mirar aquí http://www.librosweb.es/referencia/css/display.html

saludos
  #3 (permalink)  
Antiguo 21/10/2009, 16:47
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: cajas que parezcan tablas de datos

Aquí y aquí
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 21/10/2009, 17:50
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: cajas que parezcan tablas de datos

Sólo comentar el errático comportamiento de 'display: table;' en ie6 y en ie7. Su uso, sin las correcciones necesarias, es un arma peligrosa debido al porcentaje elevadísimo de usuarios de ie6+ie7. Creo que este dato es importante para algunos principiantes en esta materia.
  #5 (permalink)  
Antiguo 21/10/2009, 18:55
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: cajas que parezcan tablas de datos

Hola deidre, que interesante lo que dices, tienes algun link que sugerir sobre todo respecto de "las correcciones necesarias".

Saludos!
  #6 (permalink)  
Antiguo 22/10/2009, 01:01
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: cajas que parezcan tablas de datos

Por extraño que parezca, el segundo ejemplo que he puesto no usa ningún display table.
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 22/10/2009, 08:27
 
Fecha de Ingreso: agosto-2008
Mensajes: 584
Antigüedad: 9 años, 4 meses
Puntos: 11
Respuesta: cajas que parezcan tablas de datos

gracias mikmoro, cristian cena, deidre. Vaya rollo si ya cuesta maquetar con css, pues encima corregir para navegadores... y siempre el mismo dichoso internet explorer....
  #8 (permalink)  
Antiguo 23/10/2009, 11:31
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: cajas que parezcan tablas de datos

Hola...

Cristian: Con "correcciones necesarias" quiero decir que es imprescindible, al utilizar display: table, el uso de recursos en formato condicionales para los navegadores 'analfabetos' (léase iexplorer 6 y 7), , instrucción que los navegadores 'inteligentes' (léase ff, safari, opera...) representan perfectamente. El uso alternativo, en condicionales, para los 'analfabetos' pasa necesariamente por la implementación de tablas.

Mikmoro: Me interesa mucho tu segundo ejemplo. Lo he guardado para estudiarlo. Este ejemplo de poner una tabla sin tabla me parece estupendo (y va bien en los 'analfabetos'). Acabo de probarlo en opera 10, safari 4 y ff 3+ y solapan la tercera "columna" sobre la primera. Supongo que se podrá arreglar fácilmente, porque el procedimiento me parece muy bueno.

Bye
  #9 (permalink)  
Antiguo 23/10/2009, 12:21
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: cajas que parezcan tablas de datos

Sí, estaba hecho hace tiempo (Opera 9, Safari 3, FF2, Konkeror). Veré si lo puedo corregir, no obstante era un simple divertimento para una consulta de hace mucho tiempo: para dibujar una tabla, lo mejor es usar una tabla
No hay que ser más papistas que el papa
__________________
Visita mi nueva web idplus.org
  #10 (permalink)  
Antiguo 23/10/2009, 12:36
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: cajas que parezcan tablas de datos

Cita:
Iniciado por Mikmoro Ver Mensaje
No hay que ser más papistas que el papa
+1
Dejémos a las tablas su función (y ese ejemplo es un claro ejemplo)
Sobre el solapamiento, sólo es cuestión de la anchura de #tabla (aumentarla) o de disminuir la de #tabla ul li
(para que dediques tus pensamientos a otros aspectos más productivos para nosostros )

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #11 (permalink)  
Antiguo 23/10/2009, 12:40
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: cajas que parezcan tablas de datos

Sí, efectivamente era sólo que ese contenedor era un poco justo así que con aumentarlo un poco (de 500 a 510px) era suficiente:

#tabla {
width: 510px;
margin: 10px;
}

Sólo por si quieres mirarte un poco el código y ver cómo está hecho por pura curiosidad.
__________________
Visita mi nueva web idplus.org
  #12 (permalink)  
Antiguo 23/10/2009, 18:07
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: cajas que parezcan tablas de datos

Gracias deirdre, entendiendo de lo que hablabas te pedía material. Cuando te cite "correcciones necesarias" hacía referencia a que si tendrias algun link que trate el tema de la propiedad display:table; para IE 6 y 7.

Saludos!
  #13 (permalink)  
Antiguo 23/10/2009, 18:26
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: cajas que parezcan tablas de datos

Tal como habéis precisado basta con ampliar un poco el tamaño del contenedor.

Es un bonito ejercicio Mik, aunque sólo sea en plan teórico. Estupendo!

Cristian, trataré de encontrar algún código que monte display: table y que lleve los ajustes (tablas en condicionales) necesarios para ie6 y 7. Ahora no recuerdo donde lo tengo, pero lo buscaré.

Bye
  #14 (permalink)  
Antiguo 24/10/2009, 16:28
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: cajas que parezcan tablas de datos

Desde ya muchas gracias por ese codigo Deirdre. saludos
  #15 (permalink)  
Antiguo 01/11/2009, 10:25
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: cajas que parezcan tablas de datos

Hola Cristian

He estado ausente del foro estos últimos días pero no me he olvidado que había quedado pendiente este hilo.

He construido un pequeño 'ejercicio' sobre este tema de display:table y, quizás, si es de tu interés aquí lo puedes descargar.

Bye
  #16 (permalink)  
Antiguo 01/11/2009, 13:38
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: cajas que parezcan tablas de datos

Hola deirdre, buenisimo el ejemplo!!! ya habia olvidado este hilo y valla sorpresa me das, muchísimas gracias, lo estudiaré con gusto!!!
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:02.