TABLAS vs DIVs: sencillo vs complejo?? Usar tablas sin culpa?

Lola Lola · #1 (**permalink**) 28/10/2013, 10:27

Hola amigos,

Me dedico a realizar sitios web y, si bien no se mucho de codigo conozco lo necesario para sitios pequeños de css y HTML. En mi estilo de diseño suelo dar un maquetado general en CSS y... uno particular con tablas. Me refiero a que, el CSS me resulta excelente para maquetados y estilos de texto donde se cambia el estilo y cambia el resto de las paginas sin problemas, colcoacion de objetos con mas exactitud, y todas esas cuestiones practicas que ya conocemos de CSS.

PERO, para cosas especificas como centrado de objetos, o armado del menu, decidi volver a usar tablas. El CSS tiene cosas complejas para hacer algo que las tablas hacen muy facilmente, y sin tener que llamarla de un nombre particular sumando mas nombres a el listado de estilos...
las tablas sencillamente son mas directas. Ejemplo, para centrar vertical y horizontalmente objetos en CSS, hay que recurrir a cantidad de soluciones alternativas, pero son eso, soluciones alternativas pero no directas ya que el CSS no lo hace sin vueltas como una tabla.

Por este ejemplo y algunos otros, decidi diseñar con "hibridos" entre DIVs y tablas. Sencillamente usar una tabla donde son dos pasos que solucionan me parece mejor que tener que armar 5 estilos para hacer lo mismo. Y de paso evito sumar estilos a la hoja interminable y laberinto de estilos...
Además, las tablas en las ultimas versiones de Dreamweaver las he notado mas precisas y confiables que versiones del programa anteriores, no tan precisas como un DIV pero puedenn cumplir exitosamente muchas tareas en un sitio web.

Mi pregunta es, puede considerarse el uso de DIVs y tablas un sitio web como "politicamente correcto"? Acaso el uso de tablas es realmente tan poco recomendable? (Alguien dijo que las tablas son malvadas y fracamente no se porque) El uso de tablas esta bien soportado en todos los navegadores?

Quisiera su opinion por favor.

Saludos!

Lola Lola

Rafael · #2 (**permalink**) 28/10/2013, 13:34

Sí, culposa por usar tablas. No duermas el día de hoy por el remordimiento.

La realidad es que ve preparando un menú base, y velo aplicando a tus sitios paulatinamente.
No es que sea políticamente o no, es que no debes usarlas así, tiene más desventajas que ventajas. nunca vas a evolucionar si no te desprendes de la práctica.

El siguente paso ya usando CSS, con listas para el menú, es sitios para dispositivos móviles, lo cual no va a suceder con tablas.

La estructura html correcta es:

Código HTML:

Ver original<nav class="MenuPrincipal">
<ul>
<li><a href="">Tema 1</a></li>
<li><a href="">Tema 2</a></li>
</ul>
</nav>

Y el css puede ser muy simple:

Código CSS:

Ver original.MenuPrincipal a {display: block; width: 50%;}

Así de simple. Feo por tan poquito que le puse, pero ya con eso tienes para comenzar a embellecer tu menú.

No hay razón para usar tablas. Sí hay muchas razones para no hacerlo.

Así que sí... sientete culpable 3 segundos, de ahí a evolucionar.

Lola Lola · #3 (**permalink**) 28/10/2013, 17:58

jeje que simpatico Rafael. Pues OK, tendré que pasarme nomás al CSS puro, aunque si me parece menos comodo, se ve que las tablas no van mas... bien dices que hay que evolucionar asique bien por eso. me sentiré culpable 3 segundos y a usar mas CSS ;)

Gracias!!

Lola

Rafael · #4 (**permalink**) 28/10/2013, 20:25

¿Por qué no aprovechas este thread del foro para que vayas poniendo avances en un menú que hagas?

cell001 · #5 (**permalink**) 28/10/2013, 21:36

yo para menu uso <ul><li>menu</li></ul> o Divs para menus un poco mas "extraños".

Intenta empezar a usar divs porque son más rapidas en carga, son mas limpias a la vista en el codigo en vez de los <table> <tr><td> etc.

y si necesitas poner algo en vertical practica con Divs dentro de otras Divs. Puedes usar con CSS el "display:" que tiene varios comportamientos como comportarse como tabla, como celda, como fila, etc

pzin · #6 (**permalink**) 29/10/2013, 02:54

La mayoría de cosas en CSS son realmente simples de hacer, igual que solucionar algunos problemas. El centrado vertical no es uno de los más fáciles, aunque también depende del caso y hay casos es los que si es fácil de realizar, incluso con una linea de código.

Las tablas si que son fáciles de usar, pero porque no requieren casi ningún conocimiento. Pero al ser tan fáciles de usar también tienen muchísimas limitaciones. Todo lo que te pueda ofrecer más siempre va a ser más difícil de usar, porque esa forma de flexibilidad tiene que salir de algún sitio, y las cosas fáciles de usar son, inherentemente, más simples.

Cuanto más aprendas y controles CSS, ya no te parecerá difícil hacer las cosas que ahora te parecen que si. Si no fuese así, todo el mundo usaría tablas. Pero no es así porque CSS no es tan complicado y además las tablas son para usarlas para otras cosas y no para la maquetación de un sitio.

Lola Lola · #7 (**permalink**) 30/10/2013, 17:46

Comprendo las opiniones y me encantan las sugerencias!! definitivamente creo que el saber más de CSS me hará definitvamente maquetar con estilos y sin tablas.
Gracias nuevamente!!

Lola

Lola Lola · #8 (**permalink**) 30/10/2013, 17:47

Cita:

Iniciado por Rafael

¿Por qué no aprovechas este thread del foro para que vayas poniendo avances en un menú que hagas?

Rafael, estoy x empezar un nuevo proyecto, quizas pueda postear avances aqui mismo antes que el tema cierre. Saludos!

Trublux · #9 (**permalink**) 04/11/2013, 15:15

No usas tablas, si te sientes cómodo con las tablas puedes usar display table, table-cell, table-row, en vez de tablas.

Lola Lola · #10 (**permalink**) 09/11/2013, 18:48

Pues si Trublux, estoy investigando y vi que es posible usar esa opción, recien probaré de emplearla, al parecer es lo mas similar a una tabla y podré aplicar la opcion align=center que es tan facil para poner una tabla al centro de la pantalla y tan engorroso hacerlo en css.

Gracias y saludos!

Trublux · #11 (**permalink**) 11/11/2013, 05:13

De todas formas hay muchas formas de centrar con CSS.

Rafael · #12 (**permalink**) 11/11/2013, 05:27

Digo, ahí están esas propiedades, pero la idea es que dejes el concepto de tabla para maquetar. Hay que pensar en términos de flujo.

Hay que tener cuidado con el css, es para darle estilo, desafortunadamente es tan flexible que se puede engañar visualmente haciendo cosas que no son parecer cosas que sí son, sin tener que serlo, o debieron ser, si es que debieron, pero cuando no... pues no

#13 (**permalink**) 11/11/2013, 09:40

Cita:

Iniciado por Lola Lola

Hola amigos,

Me dedico a realizar sitios web y, si bien no se mucho de codigo conozco lo necesario para sitios pequeños de css y HTML. En mi estilo de diseño suelo dar un maquetado general en CSS y... uno particular con tablas. Me refiero a que, el CSS me resulta excelente para maquetados y estilos de texto donde se cambia el estilo y cambia el resto de las paginas sin problemas, colcoacion de objetos con mas exactitud, y todas esas cuestiones practicas que ya conocemos de CSS.

PERO, para cosas especificas como centrado de objetos, o armado del menu, decidi volver a usar tablas. El CSS tiene cosas complejas para hacer algo que las tablas hacen muy facilmente, y sin tener que llamarla de un nombre particular sumando mas nombres a el listado de estilos...
las tablas sencillamente son mas directas. Ejemplo, para centrar vertical y horizontalmente objetos en CSS, hay que recurrir a cantidad de soluciones alternativas, pero son eso, soluciones alternativas pero no directas ya que el CSS no lo hace sin vueltas como una tabla.

Por este ejemplo y algunos otros, decidi diseñar con "hibridos" entre DIVs y tablas. Sencillamente usar una tabla donde son dos pasos que solucionan me parece mejor que tener que armar 5 estilos para hacer lo mismo. Y de paso evito sumar estilos a la hoja interminable y laberinto de estilos...
Además, las tablas en las ultimas versiones de Dreamweaver las he notado mas precisas y confiables que versiones del programa anteriores, no tan precisas como un DIV pero puedenn cumplir exitosamente muchas tareas en un sitio web.

Mi pregunta es, puede considerarse el uso de DIVs y tablas un sitio web como "politicamente correcto"? Acaso el uso de tablas es realmente tan poco recomendable? (Alguien dijo que las tablas son malvadas y fracamente no se porque) El uso de tablas esta bien soportado en todos los navegadores?

Quisiera su opinion por favor.

Saludos!

Lola Lola

Sería muy interesante que nos compartieras algunos de tus trabajos y sobre esa base poderte dar una opinión. Comparto la idea del "simplismo" de las tablas, pero creo que en ese punto está su debilidad.