Foros del Web » Creando para Internet » CSS »

Tablas vs CSS o Tablas y CSS

Estas en el tema de Tablas vs CSS o Tablas y CSS en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/03/2005, 17:37
 
Fecha de Ingreso: septiembre-2003
Ubicación: Buenos Aires, Argentina
Mensajes: 92
Antigüedad: 14 años, 2 meses
Puntos: 1
Tablas vs CSS o Tablas y CSS

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
  #2 (permalink)  
Antiguo 05/03/2005, 20:11
 
Fecha de Ingreso: febrero-2005
Ubicación: En un BLINK
Mensajes: 184
Antigüedad: 12 años, 10 meses
Puntos: 0
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.

Última edición por Remo:Erdosain; 05/03/2005 a las 20:13
  #3 (permalink)  
Antiguo 06/03/2005, 05:40
 
Fecha de Ingreso: enero-2005
Mensajes: 265
Antigüedad: 12 años, 11 meses
Puntos: 1
Por qué el diseñar con tablas es estúpido: problemas definidos, soluciones ofrecidas
  #4 (permalink)  
Antiguo 06/03/2005, 09:59
 
Fecha de Ingreso: septiembre-2003
Ubicación: Buenos Aires, Argentina
Mensajes: 92
Antigüedad: 14 años, 2 meses
Puntos: 1
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 ?
  #5 (permalink)  
Antiguo 06/03/2005, 10:02
 
Fecha de Ingreso: septiembre-2003
Ubicación: Buenos Aires, Argentina
Mensajes: 92
Antigüedad: 14 años, 2 meses
Puntos: 1
ejemplo de tabla tecnica

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
  #6 (permalink)  
Antiguo 06/03/2005, 11:28
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
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.
__________________
El conocimiento es libre: Movimiento por la Devolución
  #7 (permalink)  
Antiguo 06/03/2005, 17:46
 
Fecha de Ingreso: enero-2005
Mensajes: 265
Antigüedad: 12 años, 11 meses
Puntos: 1
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/
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 20:14.