CSS vs Tablas

[Sauron]

knick, con el ejemplo que usaste de htmol y php se nota que no tenes ni idea de lo que hablas... seriamente.. por tu bien yo no opinaria mas.

se aplica al ejemplo de tu pagina.. en cambio de tener 200lineas de html y 120 del css hago una tabla con 1 row... cuanto puede ser eso? menos de 10 lineas. sin contenido y lo uso de template, lo llamo del php y le meto la cantidad de imagenes que se me da la gana con solo hmm cuanto? 10 lineas de php.. en total no suman 20 lineas y es mucho mas versatil.

aprendé a usar templates y vas a ver que no llenas de contenido la pagina.

[[Hybrid]]

dios. no hablo de una pagina principal. hablo de todos los codigos. porque obvio, ejemplo wordpress son llamadas a puros php.. pero con CODIGO QUE SIRVE. en cambio a lo que yo me refiero es al codigo basura que genera las tablas e innecesario.

las tablas no fueron pensadas para diseñar ni posicionar en el layout, por eso desde el vamos esta mal lo que haces.
para vos es mas facil? ok. diseña en tablas, pero es lo mismo, es mas facil terminar editando un pj en un server y obtener mas beneficios y mas facil ganar plata.. digo.. por experiencia no?.

Go and run frontpage.

[Fallen Jehova]

se aplica al ejemplo de tu pagina.. en cambio de tener 200lineas de html y 120 del css hago una tabla con 1 row... cuanto puede ser eso? menos de 10 lineas. sin contenido y lo uso de template, lo llamo del php y le meto la cantidad de imagenes que se me da la gana con solo hmm cuanto? 10 lineas de php.. en total no suman 20 lineas y es mucho mas versatil.

aprendé a usar templates y vas a ver que no llenas de contenido la pagina.

¿Porque usar 1 row de una tabla, si podes usar cualquier elemento de layout, por ejemplo un span con un id?.

¿Que beneficio te da una tabla contra eso ? Podés hacerlo tranquilamente con un tag de layout, que aparte para darle diseño te abre más opciones que un tr o td.

[Sauron]

dios. no hablo de una pagina principal. hablo de todos los codigos. porque obvio, ejemplo wordpress son llamadas a puros php.. pero con CODIGO QUE SIRVE. en cambio a lo que yo me refiero es al codigo basura que genera las tablas e innecesario.

las tablas no fueron pensadas para diseñar ni posicionar en el layout, por eso desde el vamos esta mal lo que haces.
para vos es mas facil? ok. diseña en tablas, pero es lo mismo, es mas facil terminar editando un pj en un server y obtener mas beneficios y mas facil ganar plata.. digo.. por experiencia no?.

Go and run frontpage.

me encantan tus justificaciones "no fue pensando para..", no te enseño nada la historia? la internet tampoco fue pensada para jugar juegos en red, buscar en google o bajar videos..

[Fallen Jehova]

me encantan tus justificaciones "no fue pensando para..", no te enseño nada la historia? la internet tampoco fue pensada para jugar juegos en red, buscar en google o bajar videos..

Me parece que dio muchas mas justificaciones interesantes y mejores que las que diste vos, del tipo: "Lo hago en 10 minutos". Me parece igual que su discusión es más personal que otra cosa, porque se quotean entre ustedes haciendo caso omiso a los post del resto.

[Sauron]

que justificaciones? que ahorras bw? que google te rankea mejor? esas no son justificaciones son mentiras.

Si te gusta hacer un div y en otra pagina ubicarlo hacelo..mi opinion personal es que una tabla te hace lo mismo y puedo definirle el style tambien en un css, asi que la justificacion de que solo usando css cambias el look de la pagina es otra gran mentira.. Como tambien decir que "ahh separo el contenido de la pagina" ok barbaro, pero usando templates no pongo contenido en el html asi que no sirve de justificacion.
y encima usando tablas se hace mas rapido y tenes 100% de compatibilidad, y quisas el IE6 si es una garcha para CSS pero lo usa el 90% del mundo por lo que vuelvo a nombrar compatibilidad

ahora si no tenes la menor idea de php no saltes diciendo que no podes separar diseño de contenido porque para variar, es otra mentira

[Fallen Jehova]

que justificaciones? que ahorras bw? que google te rankea mejor? esas no son justificaciones son mentiras.

Si te gusta hacer un div y en otra pagina ubicarlo hacelo..mi opinion personal es que una tabla te hace lo mismo y puedo definirle el style tambien en un css, asi que la justificacion de que desde el css cambias el look de la pagina es otra gran mentira.. Como tambien decir que "ahh separo el contenido de la pagina" ok barbaro, pero para diseñar me da igual porque usando templates no pongo contenido en el html asi que no sirve de justificacion.

y encima usando tablas se hace mas rapido.

Por empezar no son mentiras, que son irrelevantes si, porque para el bw podés hacer mil cosas para que no joda. Que google te rankea no lo se, pero que te indexa mejor, seguro.

Que le podés poner css a una tabla igual que a un div nadie lo puso en duda. Que es más fácil es relativo, depende de los atributos de diseño que le quieras dar a la tabla.

Lo único por lo que se aboga para usar div en vez de tablas es para poder establecer de una buena ves una organización semántica de la información, para que se pueda indexar correctamente y por ende la organización y búsqueda de la info sea eficiente.

No entiendo porque saltás con lo de php e ie6 porque no tiene nada que ver.

[Sauron]

ok no es mentira es irrelevante.. y ahi te das cuenta, se basan (y no justamente vos) 100% en textos sacados de la web donde ponen bolufrases como la de espn.. que indexa mejor no lo niego y por eso puse en mi 1ra respuesta al posicionamiento que salis en mayores resultados de busqueda consecuencia de esto.

"Que le podés poner css a una tabla igual que a un div nadie lo puso en duda" no lo pusieron en duda pero si te fijas paginas mas atras lo ponen como justificacion junto a una foto del foro con otros colores.

lo del php y el ie6 si tiene que ver, te estoy dando las ventajas de usar tablas, no se si era en este o el thread en design que me salio con que el ie6 anda a medias con el ultimo css, bue ahi tenes una ventaja de las tablas. y el php era en respuesta a que usando tablas tenes todo mezclado (diseño y contenido) demostrando que con php podes separarlo tranquilamente.

[Fallen Jehova]

no se si era en este o el thread en design que me salio con que el ie6 anda a medias con el ultimo css

Bueno, no se que elementos de css no soporta ie6, pero la onda es usar tablas + CSS, o sea que estaríamos en la misma (que es por eso que digo que no tiene nada que ver).

php era en respuesta a que usando tablas tenes todo mezclado (diseño y contenido) demostrando que con php podes separarlo tranquilamente.

Esto no me di cuenta en que momento se dijo, pero creo que la persona que lo dijo la flasheo jodido. En el sentido en que usando divs tambien tendrías "mezclado" el contenido con la presentación.

Cuando hablamos de separación código y de presentación se refiere a la lógica del código y a la lógica de la aplicación, que es justamente lo que vos decís, por un lado tenés la lógica del programa y ésta le pasa los datos que tiene a la lógica de presentación para que los muestre como se te cante.

Por eso también dije que no tenía nada que ver con lo de las tablas, je.

[Lawrien]

Gracias a gente como vos nunca se avanzara en diseño, si seguis pensando como en el 96 todo quedara estancado, lo unico que falta es que sigan diseñando para 800*600.

Lo mejor?.. codear en bloc de notas el xhtml y sus div, luego usar firefox para diseñar todo el sitio en vivo.

Estás hablando de dejar de pensar como en la década del 90 y decís que lo mejor es codear en el bloc de notas... te das cuenta que no tiene sentido, no? Es como si dijeras que para hacer un soft lo mejor es programar con el debbuger en vez de usar un IDE.

Por empezar no son mentiras, que son irrelevantes si, porque para el bw podés hacer mil cosas para que no joda. Que google te rankea no lo se, pero que te indexa mejor, seguro.

Que le podés poner css a una tabla igual que a un div nadie lo puso en duda. Que es más fácil es relativo, depende de los atributos de diseño que le quieras dar a la tabla.

Lo único por lo que se aboga para usar div en vez de tablas es para poder establecer de una buena ves una organización semántica de la información, para que se pueda indexar correctamente y por ende la organización y búsqueda de la info sea eficiente.

Fallen, permitime que te quotee porque creo que tocás todos los puntos que se pueden poner en discusión sobre porqué conviene o no usar CSS para maquetar. Algunos "aceptando" que son cosas irrelevantes, y otro que no.

Ancho de banda: unas páginas más atrás hay un txt de 8MB que al bajarlo tarda menos de 1 segundo. ¿No es suficiente prueba que no tiene goyete poner esto como excusa?. En algún lugar mencionaron a Youtube como una de las páginas recientemente hechas en CSS... me van a decir que la hicieron en CSS por el ancho de banda, no? Tienen millones de videos de varios megas y servidores potentísimos para pasar on the fly los videos a fvl... y se van a preocupar por los 20KB que se pueden ahorrar con los divs? Por favor, seamos un poco realistas, un sitio con el tráfico de Youtube no usa CSS por el bw, lo usa porque es la moda y punto. Total, no les cuesta nada pagarle a 20 diseñadores a que lo codeen completamente en CSS. Y si nos enfocamos en sitios personales o con poco tráfico, la diferencia de bw es tan insifgnificante que da risa ponerse a pensar en codear todo de nuevo para ahorrarse 10MB de transfer mensual.

Rankeo en buscadores: alguien ya lo explicó en páginas anteriores, el tema del rankeo viene dado en un 90% por las metatags y posicionamiento del texto. En el caso particular del Google, pueden leer este documento que seguro les aclara un par de cosas http://www.google.com/intl/en/corporate/tech.html

Estilos de tablas: a esta altura supongo que todos tienen en claro que cuando hablamos de maquetar con tablas no estamos haciendo esto:

<table width="200" border="1" cellpadding="5" bordercolor="#000000" bgcolor="#333333">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

Sino esto:

<style>
.tabla1 {
	width: 200px;
	background-color: #333333;
	border: 1px solid #000000;
}
.padding {
	padding: 5px;
	border: 1px solid #000000;
}
</style>

<table class="tabla1">
  <tr>
    <td class="padding">&nbsp;</td>
    <td class="padding">&nbsp;</td>
  </tr>
  <tr>
    <td class="padding">&nbsp;</td>
    <td class="padding">&nbsp;</td>
  </tr>
</table>

Cuando tenés un diseño hecho de esa manera, modificarlo es tan fácil como con divs ya que lo único que hay que hacer es tocar la hoja de estilos. ¿Cuál es la diferencia? Que para crear esa tablita de 2x2 tardé 10 segundos y que estoy seguro que en todos los navegadores va a funcionar. ¿Eh? ¿qué estoy haciendo mal por utilizar una tabla para maquetar cuando en realidad son para tabular datos? ¿y eso quien lo dijo? Las tablas, los divs, las imágenes, son herramientas de diseño, y mientras que cumplan el propósito para el que se las está usando, y más aún, sin perjudicar la performance (no, no la perjudica), no tiene goyete discutir su utilización.

Soy bastante abierto en cuanto a nuevas formas de diseño y me gusta usarlas, pero sinceramente no veo ventajas para usar exclusivamente CSS en el maquetado de sitios. Lo mejor es lograr un balance y sacar provecho de todas las herramientas, que es a lo que apunto al utilizar tablas y formatearlas con estilos: compatibilidad, usabilidad, rapidez, vistosidad.