Foros del Web » Creando para Internet » CSS »

Vivan las tables!!!

Estas en el tema de Vivan las tables!!! en el foro de CSS en Foros del Web. Hola a todos, CSS me acaba de decepcionar . Quise hacer una web con 3 columnas líquidas (la anchura que se mueva según porcentaje) usando ...

  #1 (permalink)  
Antiguo 02/11/2010, 17:29
Avatar de Paramericano  
Fecha de Ingreso: agosto-2010
Mensajes: 137
Antigüedad: 7 años, 4 meses
Puntos: 8
Vivan las tables!!!

Hola a todos, CSS me acaba de decepcionar.
Quise hacer una web con 3 columnas líquidas (la anchura que se mueva según porcentaje) usando tanto floats como posicionamientos y me han dado mil problemas (la altura de cada columna no era igual, las imágenes rebosan el límite de las columnas cuando el navegador se encoge...)
En cambio con tables sale tal cual, sencillamente: todas las columnas cogen la altura de la más alta, la anchura de una columna deja de menguar cuando encuentra un elemento mínimo que ya no cabe más...

Viva los tables, VIVA VIVA

Quizás te limita cuando vayas a cambiar las estructuras, pero por lo demás, va de maravilla (y una vez ya has encontrado una estructura es difícil querer cambiarla, con lo que no es un problema: VIVA VIVA.)

¿Alguién tiene algo que declarar?
  #2 (permalink)  
Antiguo 02/11/2010, 18:09
 
Fecha de Ingreso: abril-2009
Ubicación: En foros del web, normalmente en Web general, HTML y CSS.
Mensajes: 258
Antigüedad: 8 años, 8 meses
Puntos: 3
Respuesta: Vivan las tables!!!

El caso es que en CSS debes definir más las propiedades de los elementos, sin embargo te da mayor libertad de crear scripts específicos a lo que buscas, pero es solo cuestión de práctica y error.

Saludos.
__________________
¿Por qué Anónimo?, porque como está el mundo no podemos considerarnos humanos...
  #3 (permalink)  
Antiguo 02/11/2010, 18:11
Avatar de lvfp  
Fecha de Ingreso: septiembre-2005
Ubicación: España
Mensajes: 337
Antigüedad: 12 años, 3 meses
Puntos: 4
Respuesta: Vivan las tables!!!

Las tablas son para mostrar datos, maquetar con css.

Eso se puede hacer perfectamente con divs y css, otra cosa es que no sepas hacerlo.

:D
  #4 (permalink)  
Antiguo 02/11/2010, 18:21
Avatar de ayukkonen  
Fecha de Ingreso: octubre-2010
Ubicación: Sevilla
Mensajes: 355
Antigüedad: 7 años, 1 mes
Puntos: 48
Respuesta: Vivan las tables!!!

Como te dicen ya... Se puede hacer con capas (divs) y CSS.

Si necesitas ayuda, puedes subir una imagen con la disposición que quieres que tengan las capas y te ayudamos con los "floats".

Saludos.
  #5 (permalink)  
Antiguo 02/11/2010, 18:25
Avatar de Paramericano  
Fecha de Ingreso: agosto-2010
Mensajes: 137
Antigüedad: 7 años, 4 meses
Puntos: 8
Respuesta: Vivan las tables!!!

Cita:
Iniciado por lvfp Ver Mensaje
Las tablas son para mostrar datos, maquetar con css.

Eso se puede hacer perfectamente con divs y css, otra cosa es que no sepas hacerlo.

:D
Un simple ejemplo: con tables la altura de las columnas te sale automática, y en orden a la columna más alta.
En CSS, el mal menor, era configurar manualmente la altura de las columnas (de cada una de ellas y mirar que no se queden cortas al contenido de la más alta, ella inclusive!).

La diferencia entre html(table) y css(floats): table es automático, y css te tienes que tomar la molestia de "medir" la altura cada vez que haces un cambio.

PD: es verdad que CSS será más flexible, claro! Tienes que estar pendiente constantemente de todos los detalles.

Tables forever!
  #6 (permalink)  
Antiguo 02/11/2010, 18:29
Avatar de Paramericano  
Fecha de Ingreso: agosto-2010
Mensajes: 137
Antigüedad: 7 años, 4 meses
Puntos: 8
Respuesta: Vivan las tables!!!

Cita:
Iniciado por ayukkonen Ver Mensaje
Como te dicen ya... Se puede hacer con capas (divs) y CSS.

Si necesitas ayuda, puedes subir una imagen con la disposición que quieres que tengan las capas y te ayudamos con los "floats".

Saludos.
Yo lo que quiero son 3 columnas las cuales siempre tengan la misma altura, tengan el contenido que tengan cada una.
Y lo bueno del caso: que las columnas sean líquidas, cada una de ellas ocupe SIEMPRE un tercio de la pantalla.

Si me puedes ayudar te lo agradeceré. No sé que más opciones intentar (he probado varias).
  #7 (permalink)  
Antiguo 02/11/2010, 18:42
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Vivan las tables!!!

Premisa: he de reconocer que los debe tener como el caballo de Espartero, para soltar en un foro de css semejante perla.
¡Qué jodio! La risa que me ha hecho echar
Cita:
Iniciado por Paramericano Ver Mensaje
Hola a todos, CSS me acaba de decepcionar. <-- significa: acabo de darme cuenta de lo mucho que me falta por descubrir y que me rindo a mis carencias
Quise hacer una web con 3 columnas líquidas (la anchura que se mueva según porcentaje) usando tanto floats como posicionamientos y me han dado mil problemas (la altura de cada columna no era igual, las imágenes rebosan el límite de las columnas cuando el navegador se encoge...) <-- ¿significa: quise empezar la casa por el tejado esperando milagros o que en el foro me lo hiciesen y ni a google supe rezar?
En cambio con tables sale tal cual, sencillamente: todas las columnas cogen la altura de la más alta, la anchura de una columna deja de menguar cuando encuentra un elemento mínimo que ya no cabe más... <-- ¿significa: viva mi ignorancia y falta de ganas/capacidad de aprender para mejorar?

Viva los tables, VIVA VIVA<-- ¿significa viva mi rendición, viva el desconocimiento?

Quizás te limita cuando vayas a cambiar las estructuras, pero por lo demás, va de maravilla (y una vez ya has encontrado una estructura es difícil querer cambiarla, con lo que no es un problema: VIVA VIVA.) <-- la misma mismita actitud de los productores del cine mudo cuando apareció el sonoro. ¿Pa´qué cambiar?

¿Alguién tiene algo que declarar?<-- SÍ: que los trolls, flamers y demás especímenes nos hacen pasar muy buenos ratos en el foro de css
Y por favor, recordad aquello de:



O en caso de hacerlo, que nos podamos echar unas risas todos los demás.
  #8 (permalink)  
Antiguo 03/11/2010, 04:25
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 4 meses
Puntos: 48
Respuesta: Vivan las tables!!!

pues simple

Código HTML:
Ver original
  1. <div id="contenedor">
  2.  
  3.    <div class="capa">
  4.    </div>
  5.  
  6.    <div class="capa">
  7.    </div>
  8.  
  9.    <div class="capa">
  10.    </div>
  11.  
  12. </div>

Edito: FDW tiene un bug al mostrar los porcentajes, el primer simbolo de porcentaje no lo muestra bien, los siguientes los muestran bien, seleccionen mas abajo para descubrir como lo repare, al menos en mi post

Selecciona espacio en blanco ------->
%

Código CSS:
Ver original
  1. #contenedor {
  2.    width:  100%;
  3.    height: 500px;
  4. }
  5.  
  6. .capa {
  7.    float: left;
  8.    width: 33%;
  9.    height: 100%;
  10.    border: 1px solid #000;
  11. }

asi o mas sencillo??

no me crees?? miralo tu!!




Viva las capas!!! CSS nunca falla!!

No alimenten al troll, pero no me aguantaba las ganas de restregar como si se pueden hacer esas cosas con mucho menos codigo que con las tablas XD
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]

Última edición por danneg; 03/11/2010 a las 04:33
  #9 (permalink)  
Antiguo 03/11/2010, 10:44
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 8 años
Puntos: 17
Respuesta: Vivan las tables!!!

Cita:
Iniciado por danneg Ver Mensaje
pues simple

Código HTML:
Ver original
  1. <div id="contenedor">
  2.  
  3.    <div class="capa">
  4.    </div>
  5.  
  6.    <div class="capa">
  7.    </div>
  8.  
  9.    <div class="capa">
  10.    </div>
  11.  
  12. </div>

Edito: FDW tiene un bug al mostrar los porcentajes, el primer simbolo de porcentaje no lo muestra bien, los siguientes los muestran bien, seleccionen mas abajo para descubrir como lo repare, al menos en mi post

Selecciona espacio en blanco ------->
%

Código CSS:
Ver original
  1. #contenedor {
  2.    width:  100%;
  3.    height: 500px;
  4. }
  5.  
  6. .capa {
  7.    float: left;
  8.    width: 33%;
  9.    height: 100%;
  10.    border: 1px solid #000;
  11. }

asi o mas sencillo??

no me crees?? miralo tu!!




Viva las capas!!! CSS nunca falla!!

No alimenten al troll, pero no me aguantaba las ganas de restregar como si se pueden hacer esas cosas con mucho menos codigo que con las tablas XD
Muy bien!

y En realidad estoy con vos! CSS no tiene limites, los limites se lo pone cada quién.

@Paramericano Me dio alegría por vos "Aunque no creas" que crearas algo como lo de las cajas, pero .. ¿Sabes? me sorprendió ver este tema y más creado por Usted!

espero no ofender, solo pregunta si tienes dudas, muchas veces las respuestas no están en nuestra cabeza pero seguramente si estarán en cabeza de otros, comparte lo sabido para aprender lo que nos falta.

Saludos!
  #10 (permalink)  
Antiguo 03/11/2010, 16:28
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Vivan las tables!!!

Hola:

Cita:
Iniciado por PrendekZ Ver Mensaje
comparte lo sabido para aprender lo que nos falta.


Saludos.

  #11 (permalink)  
Antiguo 03/11/2010, 17:00
Avatar de Paramericano  
Fecha de Ingreso: agosto-2010
Mensajes: 137
Antigüedad: 7 años, 4 meses
Puntos: 8
Respuesta: Vivan las tables!!!

Tranquilos, amigos, no me ofendo. Al contrario, son ratos divertidos.

Pero sigo sin conseguir lo que busco. Si alguien puede compartir sus conocimientos a los que a mí me faltan, se lo agradeceré.

De momento, estoy en mi derecho de "sospechar" que CSS es incapaz de hacerlo:
que la alltura de columnas sea automática en relación a la más larga.

De momento, la solución de Danneg no me sirve, veanlo ustedes mismos:



...y es que fijar la altura de las columnas, ya sea en otro elemento que las contiene es "limitarlas" por debajo de su contenido potencial. (Cosa que las tables SSSSIIIIII respetan).

No pretendo ser ningún troll, no me malinterpreten. Lo que pido es ayuda para ver si alguien sabe algún truquito (que siempre lo hay).

De momento, jejeje: VIVAN LAS TABLES!!!
  #12 (permalink)  
Antiguo 03/11/2010, 17:09
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 4 meses
Puntos: 48
Respuesta: Vivan las tables!!!

umm.. creo que no me aclare

al height de tu capa contenedorale di tamaño fijo para mostrar que todo quede igual del mismo tamaño, lo puedes cambiar por auto

para esos desbordes utiliza overflow

puedes hacer que la primera capa tenga tambien un alto automatico, que cresca conforme su contenido, asi las otras al tnener el 100% se autoajustan al tamaño de la capa contenedora
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]
  #13 (permalink)  
Antiguo 03/11/2010, 17:13
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 4 meses
Puntos: 48
Respuesta: Vivan las tables!!!

Seria algo asi

%

Código CSS:
Ver original
  1. #contenedor {
  2.    width:  100%;
  3.    height: 500px;
  4.    overflow: hidden;
  5. }
  6.  
  7. .capa {
  8.    float: left;
  9.    width: 33%;
  10.    height: 100%;
  11.    border: 1px solid #000;
  12.    overflow: hidden;
  13. }
  14.  
  15. #contenedor .capa:first-child {
  16.    height: auto;
  17. }
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]
  #14 (permalink)  
Antiguo 03/11/2010, 17:14
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Vivan las tables!!!

Hola:

Para que veas que se puede hacer lo que quieres y no solo con tres sino con 5 columnas, mira este ejemplo

Saludos.

  #15 (permalink)  
Antiguo 03/11/2010, 17:18
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Vivan las tables!!!

Cita:
Iniciado por kseso? Ver Mensaje
Premisa: he de reconocer que los debe tener como el caballo de Espartero, para soltar en un foro de css semejante perla.
¡Qué jodio! La risa que me ha hecho echar

Cita:
Hola a todos, CSS me acaba de decepcionar. <-- significa: acabo de darme cuenta de lo mucho que me falta por descubrir y que me rindo a mis carencias
Quise hacer una web con 3 columnas líquidas (la anchura que se mueva según porcentaje) usando tanto floats como posicionamientos y me han dado mil problemas (la altura de cada columna no era igual, las imágenes rebosan el límite de las columnas cuando el navegador se encoge...) <-- ¿significa: quise empezar la casa por el tejado esperando milagros o que en el foro me lo hiciesen y ni a google supe rezar?
En cambio con tables sale tal cual, sencillamente: todas las columnas cogen la altura de la más alta, la anchura de una columna deja de menguar cuando encuentra un elemento mínimo que ya no cabe más... <-- ¿significa: viva mi ignorancia y falta de ganas/capacidad de aprender para mejorar?

Viva los tables, VIVA VIVA<-- ¿significa viva mi rendición, viva el desconocimiento?

Quizás te limita cuando vayas a cambiar las estructuras, pero por lo demás, va de maravilla (y una vez ya has encontrado una estructura es difícil querer cambiarla, con lo que no es un problema: VIVA VIVA.) <-- la misma mismita actitud de los productores del cine mudo cuando apareció el sonoro. ¿Pa´qué cambiar?

¿Alguién tiene algo que declarar?<-- SÍ: que los trolls, flamers y demás especímenes nos hacen pasar muy buenos ratos en el foro de css
Y por favor, recordad aquello de:



O en caso de hacerlo, que nos podamos echar unas risas todos los demás.

lejos lo más inteligente que he leido.
  #16 (permalink)  
Antiguo 03/11/2010, 17:19
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 4 meses
Puntos: 48
Respuesta: Vivan las tables!!!

¬¬ no puedo editar mis mensajes
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]
  #17 (permalink)  
Antiguo 03/11/2010, 17:44
Avatar de Paramericano  
Fecha de Ingreso: agosto-2010
Mensajes: 137
Antigüedad: 7 años, 4 meses
Puntos: 8
Respuesta: Vivan las tables!!!

Cita:
Iniciado por jomaruro Ver Mensaje
Hola:

Para que veas que se puede hacer lo que quieres y no solo con tres sino con 5 columnas, mira este ejemplo

Saludos.

Mmmmh, ñam! ñanm! Éste parece prometer...., mañana le haré pasar mis más extrictas pruebas. A ver qué tal. Megsi!
  #18 (permalink)  
Antiguo 03/11/2010, 17:49
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Vivan las tables!!!

Cita:
Iniciado por Paramericano Ver Mensaje
Mmmmh, ñam! ñanm! Éste parece prometer...., mañana le haré pasar mis más extrictas pruebas. A ver qué tal. Megsi!
@kseso? agarrate....ya estás nervioso ¿no?... si, te imagino.
  #19 (permalink)  
Antiguo 03/11/2010, 17:50
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 4 meses
Puntos: 48
Respuesta: Vivan las tables!!!

Cita:
Iniciado por DragonX Ver Mensaje
@kseso? agarrate....ya estás nervioso ¿no?... si, te imagino.
jaja.. yo si tiemblo, y mira que ni una de mis soluciones le sirvio jaja
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]
  #20 (permalink)  
Antiguo 03/11/2010, 17:59
Avatar de Paramericano  
Fecha de Ingreso: agosto-2010
Mensajes: 137
Antigüedad: 7 años, 4 meses
Puntos: 8
Respuesta: Vivan las tables!!!

Ya está, probado, que nadie se ponga nervioso, jaja, se trata de buscar soluciones entre todos (o mejor dicho: una ayudita para mí -aunque si sacamos lo que queremos seremos famosos, chicos-)

...

Se acerca pero no: respeta la altura de la columna central (precisamente la que no tiene float) a base de "comerse" lo que sobre en las columnas laterales.
Lo ideal sería que la columna más larga, sea la que fuere, fijase el alto de las otras 2.

Voy a hacer mis pruebas personales en estos días, pero creo que no es posible. Si no, ya lo sabríamos todos. Pero quién sabe! CSS tiene mucho potencial aún por descubrir sólo con las reglas que ya nos han sido dadas, se trata de "inventar" una combinación ideal posible.

PD: he visto que hay display:table, display:cell, display:row...., pero éstas no valen para ie6. Además, lo que quiero es investigar el alcance de los floats por sí mismos.
  #21 (permalink)  
Antiguo 03/11/2010, 18:02
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 4 meses
Puntos: 48
Respuesta: Vivan las tables!!!

umm... pues la solucion ya esta, es dependiendo tu contenido y tu diseño, como la solucion que ya te di, puedes ordenar que la columa de en medio cresca, tal como la primera, o si no la ultima

todo con css se puede, ya que si de plano te quieres ahorrar dolor de cabeza, pensaro intentar css, utiliza algun js, que ese te servira perfecto, pero sera mas pesado
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]
  #22 (permalink)  
Antiguo 03/11/2010, 18:11
Avatar de Paramericano  
Fecha de Ingreso: agosto-2010
Mensajes: 137
Antigüedad: 7 años, 4 meses
Puntos: 8
Respuesta: Vivan las tables!!!

Cita:
Iniciado por danneg Ver Mensaje
umm... pues la solucion ya esta, es dependiendo tu contenido y tu diseño, como la solucion que ya te di, puedes ordenar que la columa de en medio cresca, tal como la primera, o si no la ultima

todo con css se puede, ya que si de plano te quieres ahorrar dolor de cabeza, pensaro intentar css, utiliza algun js, que ese te servira perfecto, pero sera mas pesado
Vale, pero todo eso ya es mucho más complicado que los tables: VIVA los T-A-B-L-E-S!
  #23 (permalink)  
Antiguo 03/11/2010, 18:13
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 4 meses
Puntos: 48
Respuesta: Vivan las tables!!!

umm... complicado??

un codigo de a lo mucho 10 lineas contando css, html y js??

que con los tables??, declarar tabla, declarar lineas y declarar columa, mas aparte el estilo, son mas 10 lineas, si seguro, mas complicado

capas:

Código CSS:
Ver original
  1. <div>
  2.  
  3.    <div>
  4.    </div>
  5.  
  6.    <div>
  7.    </div>
  8.  
  9.    <div>
  10.    </div>
  11.  
  12. </div>

tablas

Código HTML:
Ver original
  1.  
  2.    <tbody>
  3.  
  4.       <td>
  5.  
  6.          <tr>
  7.          </tr>
  8.  
  9.          <tr>
  10.          </tr>
  11.  
  12.          <tr>
  13.          </tr>
  14.  
  15.       </td>
  16.  
  17.    </tbody>
  18.  

¿Cual parece mas complicado??
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]

Última edición por danneg; 03/11/2010 a las 18:20
  #24 (permalink)  
Antiguo 03/11/2010, 18:26
Avatar de Paramericano  
Fecha de Ingreso: agosto-2010
Mensajes: 137
Antigüedad: 7 años, 4 meses
Puntos: 8
Respuesta: Vivan las tables!!!

Mi querido danneg, un poco de trampa sí que haces: falta definir los estilos de cada div, y retocar los detalles con js. Todo ello hay que añadirlo pues los tables te lo hacen todo eso sólos ya como lo muestras (y tbody, ni th hacen falta, en todo caso 1 tr, y 3 tds (con sus respectivos cierres).

Efectivamente! Me parece mucho mayor embrollo!

Código:
<table width="95%"><tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="33%"></td>
</tr><table>
...con sólo esto ya está hecho todo, en cambio a los divs que presentaste faltan todos los estilos y un plus de js.
  #25 (permalink)  
Antiguo 03/11/2010, 18:31
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 4 meses
Puntos: 48
Respuesta: Vivan las tables!!!

Mi querido Paramericano, lo que pasa aqui es que ademas de usar tablas (mala practica de html) tampoco respetas los entandares web (W3C), ya que es necesario tu tbody, y declarar todo como es

el uso de tablas esta supuesto para mostrar datos de una forma ordenada y coerente, como calendarios, tablas periodicas, facturas, listas, etc, no para maquetar una pagina completa

te invito a leer un manueal practico de xhtml y css, y veras a lo que refiero, y despues te invito a pasar tu sitio por el validador de W3C

me contaras que pasa!!
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]
  #26 (permalink)  
Antiguo 03/11/2010, 18:32
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 4 meses
Puntos: 48
Respuesta: Vivan las tables!!!

Por cierto, js no esta hecho para dar estilos, los puedes manipular, pero es un leguaje de programacion no de maquetacion, y solo una salida rapida a lo que pides, por que todo puede ser perfecto con css

por cierto me equvoque en el codigo de las tablas XP (se notara que no las uso??)
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]
  #27 (permalink)  
Antiguo 03/11/2010, 18:35
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 4 meses
Puntos: 48
Respuesta: Vivan las tables!!!

Cita:
Iniciado por paramericano Ver Mensaje
Código:
<table width="95%"><tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="33%"></td>
</tr><table>
33% + 33% + 33% != 95% (?)
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]
  #28 (permalink)  
Antiguo 03/11/2010, 18:36
Avatar de Paramericano  
Fecha de Ingreso: agosto-2010
Mensajes: 137
Antigüedad: 7 años, 4 meses
Puntos: 8
Respuesta: Vivan las tables!!!

Cita:
Iniciado por danneg Ver Mensaje
Por cierto, js no esta hecho para dar estilos, los puedes manipular, pero es un leguaje de programacion no de maquetacion, y solo una salida rapida a lo que pides, por que todo puede ser perfecto con css

por cierto me equvoque en el codigo de las tablas XP (se notara que no las uso??)
Veré si lo puedo hacer perfecto tal como quiero. Me voy ya.
Gracias por tu atención.

PD: el 33% és respecto al 95%, no hay ningún problema, Danneeeeeeeg
  #29 (permalink)  
Antiguo 03/11/2010, 19:02
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Vivan las tables!!!

Cita:
Iniciado por jomaruro Ver Mensaje
Hola:

Para que veas que se puede hacer lo que quieres y no solo con tres sino con 5 columnas, mira este ejemplo

Saludos.

Cita:
Iniciado por Paramericano Ver Mensaje
Mmmmh, ñam! ñanm! Éste parece prometer...., mañana le haré pasar mis más extrictas pruebas. A ver qué tal. Megsi!
Cita:
Iniciado por DragonX Ver Mensaje
@kseso? agarrate....ya estás nervioso ¿no?... si, te imagino.
Cita:
Iniciado por Paramericano Ver Mensaje
Se acerca pero no: respeta la altura de la columna central (precisamente la que no tiene float) a base de "comerse" lo que sobre en las columnas laterales.
Lo ideal sería que la columna más larga, sea la que fuere, fijase el alto de las otras 2.


Voy a hacer mis pruebas personales en estos días, pero creo que no es posible. Si no, ya lo sabríamos todos. Pero quién sabe! CSS tiene mucho potencial aún por descubrir sólo con las reglas que ya nos han sido dadas, se trata de "inventar" una combinación ideal posible.
Sólo me queda rendirme ante su sin par descubrimiento, pidiendo humildemente perdón por hacer perder tiempo y dedicación en pruebas tan completas y complejas sobre una realización tan nimia, que ni las merece ni amerita, en detrimento de causas más excelsas y beneficiosas para toda la humanidad, como podría ser
Naaah!!!
Pensándolo mejor, creo que aquí se necesita
  #30 (permalink)  
Antiguo 03/11/2010, 19:19
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Vivan las tables!!!

Yo lo que se, es que las tablas son bastante más lentas en renderizar que los divs, y que los interpretadores interpretan las tablas como lo que son: Tablas.

Quizá una no está mal, pero así se comienza, y siempre las páginas grandes terminan con un montón de tablas anidadas que hacen todo enrrollado y problemático.

Hasta el momento, no he tenido un problema de columnas iguales que unos divs anidados no hayan arreglado, anidando siempre del menor al de mayor contenido. Y en caso de columnas dinámicas con PHP, todo se arregla con un sencillo min-height.
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...

Etiquetas: tables
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

SíEste tema le ha gustado a 1 personas




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