Tablas vs CSS o Tablas y CSS

[river]

He leido varios posts los cuales me generaron la siguiente inquietud.
Hice una site ya hace algunos años con Dreamweaver y para centrar tanto textos como tablas con datos especificos y tecnicos, use TABLAS, siempre al 100%, centrado, etc. ¿ sigue siendo valido el uso de tablas para estos fines ?
¿ o todo debe hacerse via css ? si es ese el caso, ¿ es solo por una cuestion de validacion ?


¿ la utilizacion de frames se desanconseja en todos los casos ? Yo habia divido el sitio en 3 frames, y estaba pensando en pasar a 2 frames, el izq. con el menu y que siempre quede fijo, y el central donde se van cargando las distintas paginas. ¿ esto es correcto o incorrecto ? ¿ porque ?

Estoy interesado en aggiornar el sitio para lo cual estoy estudiando las tecnicas de css y viendo distintas posibilidades de diseño, valoraria toda orientacion que pudieran brindarme.

Muchas gracias,
River

[Remo:Erdosain]

No es valido (corrijo: no es aconsejado) usar tablas para esos fines. La ventaja de CSS es poder cambiar el aspecto modificando un solo archivo (el archivo .css). Un sitio hecho con tablas puede ser perfectamente válido, pero se recomienda el uso por la razón anterior. Además un mejor uso de los elementos HTML te permite que el sitio sea más legible si por alguna razón no se carga el archivo CSS.
Los frames se desaconsejan por los problemas para linkear partes especificas de tu sitio, los lios que se arma Google al separarte el contenido del menú y la imposibilidad de agregar a favoritas secciones especificas (las tres razones son casi lo mismo). Salvo que los estes usando en un ambiente ultra cerrado donde sepas quienes van a ingresar al sitio (lease: intranets).
Para aprender CSS: paciencia, paciencia, paciencia. CSS NO (tan) es fácil. Es más, si, como dije antes, tenes un target especifico de navegadores, podrías seguir usar tablas toda la vida. Me pregunto quién me pegará por todo lo anterior.

[posavasos]

Por qué el diseñar con tablas es estúpido: problemas definidos, soluciones ofrecidas

[river]

Gracias por su respuestas, posavasos, visite el sitio que recomendas y sera de gran ayuda. Remo, no sabia que podrian no cargarse los archivos css ¿ porque razon ? ¿ si entonces se hace un sitio en base a css podria no ser visualizado en su totalidad ? en ese caso me quedo con el html....

Ahora bien, no usare tablas para acomodar titulos, parrafos, etc. Ya sea hacerlo con css y es sencillo. ¿ pero como se hace con tablas tecnicas como la que adjunto aqui ? Tengo muchas asi, y no quisiera tipear tantos datos otra vez, ¿ hay alguna forma de trasladar la informacion que tengo en esas tablas a algo similar en css ?

[river]

Les dejo aca el ej. de la tabla:

<table width="75%" border="0" align="center">
<tr>
<td>
<h1 align="center"><font color="#000000">CHAPA SEMILLADA</font></h1>
</td>
</tr>
</table>
<br>
<div align="center"><center>

<table border="1" cellpadding="0" cellspacing="0" width="100%">
<tr bgcolor="#D2958A">
<td align="center" valign="top" width="100" height="20">
<p
align="center"><font size="2" color="#FFFFFF"><strong>Espesor&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong></font>
</td>
<td align="center" valign="top" width="100" height="20">
<div align="center"><font size="2"
color="#FFFFFF"><strong>N º</strong></font></div>
</td>
<td align="center" valign="top" width="100" height="20">
<div align="center"><font size="2"
color="#FFFFFF"><strong>Kg. x m2</strong></font></div>
</td>
</tr>
<tr bgcolor="#F7ECEA">
<td width="100" height="21">
<div align="center"><font size="2" face="Arial, Helvetica, sans-serif">3.20
mm</font></div>
</td>
<td width="100" height="21">
<div align="center"><font size="2" face="Arial, Helvetica, sans-serif">1/8</font></div>
</td>
<td width="100" height="21">
<div align="center"><font size="2" face="Arial, Helvetica, sans-serif">26.76</font></div>
</td>
</tr>
<tr bgcolor="#F7ECEA">
<td width="100" height="21">
<div align="center"><font size="2" face="Arial, Helvetica, sans-serif">4.76
mm</font></div>
</td>
<td width="100" height="21">
<div align="center"><font size="2" face="Arial, Helvetica, sans-serif">3/16</font></div>
</td>
<td width="100" height="21">
<div align="center"><font size="2" face="Arial, Helvetica, sans-serif">41.04</font></div>
</td>
</tr>
<tr bgcolor="#F7ECEA">
<td width="100" height="21">
<div align="center"><font size="2" face="Arial, Helvetica, sans-serif">6.35
mm</font></div>
</td>
<td width="100" height="21">
<div align="center"><font size="2" face="Arial, Helvetica, sans-serif">1/4</font></div>
</td>
<td width="100" height="21">
<div align="center"><font size="2" face="Arial, Helvetica, sans-serif">53.64</font></div>
</td>
</tr>
</table>


Usando Dreamweaver era muy sencillos hacer este tipo de tablas, ¿ se puede hacer en css con el mismo programa y tan facilmente ?

El solo pensar que debo tipear tantos datos de nuevo me amarga...... :(((

Gracias,
River

[frijolerou]

River... puede fallar la carga del archivo CSS por varias razones: porque esté incorrecta la ruta del link, porque en alguna actualizacion de tu sitio cambiaste algún nombre, etc, etc, etc..., o porque falle la conexión de la persona que visita la página, etc, etc, etc...

¿ si entonces se hace un sitio en base a css podria no ser visualizado en su totalidad ? en ese caso me quedo con el html....

Cuando desarrollas un sitio en base a CSS, debes separar el contenido de la presentación (o separar el contenido del diseño, como quieras llamarle).

Eso significa que un sitio bien desarrollado en base a CSS debe ser perfectamente legible, entendible y coherente con CSS y sin CSS.

[posavasos]

river para el tipo de datos que contiene tu ejemplo está bien usar tablas, porque son precisamente datos tabulares. Eso sí, el código es mejorable y también reducible si se usase CSS para las cuestiones relativas a la presentación de la tabla (tamaño, fuente, colores, etc.).

Sobre tablas te recomiendo un par de lecturas:

http://www.456bereastreet.com/archiv...on_the_tables/
http://www.accesibilidad.info/2005/0...os_accesibles/
http://www.accesibilidad.info/2005/0..._continuacion/