Porque el "NO" a las tablas?

[Finseneu]

Lei un par de articulos acerca del uso de css para armar estructuras en reemplazo de las tablas, pero extrañamente no pude encontrar el porque o las ventajas de esto.
Que saben al respecto?

[braulito]

Las tablas com su nombre lo dice, se han creado para mostrar datos tabulares.

Iniciado por Finseneu"

acerca del uso de css para armar estructuras en reemplazo de las tablas

No se trata tanto de CSS, CSS sirve para formatear el XHTML, para darle posiciones, colores, formato, etc.

Para la estructura o maquetación de las páginas se utilizan elementos de bloque como los <div>, al hacer maquetar utilizando las etiquetas exactas para cada cosa, el código se hace limpio, entendible, el aspecto visual se modificará mas fácilmente con CSS y porsupuesto se usa menos código.

Además el usuario final puede verlo sin problemas en cualquier dispositivo.

Un buen ejemplo del uso de XHTML y CSS es http://www.csszengarden.com/
En el que siemppre verás el mismo código XHTML pero cambiando las hojas de estilo podrás ver maravillas.

[posavasos]

http://www.effectivetranslations.com...ything_es.html

[Finseneu]

Iniciado por posavasos

http://www.effectivetranslations.com...ything_es.html

Ok, muchas gracias.
A partir de ahi entendi los pro de no usar tablas y consegui armar una estructura mas o menos decente basada en CSS.
Una pregunta mas, los <br> deberia reemplazarlos con <p>?
Es correcto?

[CORE]

no el <br /> no es remplazado, es un salto (break) y <p> (paragraph) es un parrafo puedes poner dentro de un

Código HTML:

<p>parrafo<br />un salto el linea</p> 

pero no puedes poner

Código HTML:

<p>un parrafo
<p>dentro de otro parrafo</p></p> 

BR no queda remplazado lo unico que cambia de <br /> es un espacio y un slash al final
saludos

[Finseneu]

Entonces como me deshago de los br, con los mismos <div>?

[ramm]

No tienes que deshacerte de los <br />, estos cumplen su función.
Solo que debes aprender a utilizar cada etiqueta para lo que fue hecha, <h1>, <h2> para titulos, subtitulos etc... <ul>, <li> para listas, y las tablas para datos tabulados.
Cada elemento HTML fue creado con una funcion, y par aeso deben ser usados.
Seria bueno que buscaras unos tutoriales de XHTML donde te hable del uso correcto de cada etiqueta.

Saludos.

[KnowDemon]

Iniciado por Finseneu

Ok, muchas gracias.
A partir de ahi entendi los pro de no usar tablas y consegui armar una estructura mas o menos decente basada en CSS.
Una pregunta mas, los <br> deberia reemplazarlos con <p>?
Es correcto?

¡¡¡No!!!

Todo depende de qué es lo que deseas conseguir. Si lo que deseas es "cortar" una línea de texto (salto de línea), está bien usar al <br />. Si lo que deseas es crear un espacio entre un elemento y otro, lo conveniente es modificar las reglas de estilo asociadas a dichos elementos (por ejemplo, ampliar el margen).

[metacortex]

Yo estoy recién comenzando con el html y no me gusta ese <br />, me lanza los elementos muy lejos y deja un gran espacio vacío entre uno y otro. Me llama mucho la atención el CSS porque al parecer permite más control sobre ese y otros factores, tal como lo mencionó KnowDemon.

De todas maneras quien ahora les escribe es el más novato en estas lides. Procuraré seguirles el ritmo y conservarme vivo.

Saludos.

[Finseneu]

Iniciado por ramm

No tienes que deshacerte de los <br />, estos cumplen su función.

uff no entiendo....en el articulo que recomendo posavasos dice textualmente..."bota los marcados <b> y <br>"



Por otro lado, si tuviese que mostrar datos ordenados en filas y columnas, como haria para asignarle un ancho distinto a cada una de estas columnas?
Alguien me podria dejar un ejemplo simple?

Gracias por sus respuestas.

[CORE]

td{width:100px;}
saludos

[ramm]

el mascado <b> se sustituye por <strong> pero los <br /> tienen su funcion, es cierto que la mayoria de las veces hay otra forma de hacerlo, como dice ahi mismo, para que quieres cortar un texto, o hacer un salto de linea, si es un titulo, pues debes usar las etiquetas de titulo, pero en algun momento sera necesario y para eso esta.
No estoy de acuerdo con eliminar el uso de ciertas etiquetas, porque cada una tiene su funcion.

[Finseneu]

Iniciado por CORE

td{width:100px;}
saludos

Cada vez entiendo menos.
No se supone que TD es un elemento de la tabla las cuales justamente estoy tratando de eliminar?

[ramm]

Iniciado por ramm

No tienes que deshacerte de los <br />, estos cumplen su función.
Solo que debes aprender a utilizar cada etiqueta para lo que fue hecha, <h1>, <h2> para titulos, subtitulos etc... <ul>, <li> para listas, y las tablas para datos tabulados.
Cada elemento HTML fue creado con una funcion, y par aeso deben ser usados.
Seria bueno que buscaras unos tutoriales de XHTML donde te hable del uso correcto de cada etiqueta.

Saludos.

Leiste esto?

No tienes que deshacerte de las tablas, las tablas existen para mostrar datos tabulares, (ordenados en filas y columnas) y no para diseñar la pagina con ellas.
Por lo tanto, se diseña con divs y y se usan las tablas para lo que fueron hechas, datos tabulares.

Visita este link, te puede servir de ayuda:
http://www.scourdesign.com/articulos...s/css/css7.php

Saludos

[CORE]

Iniciado por Finseneu

Por otro lado, si tuviese que mostrar datos ordenados en filas y columnas, como haria para asignarle un ancho distinto a cada una de estas columnas?
Alguien me podria dejar un ejemplo simple?

Gracias por sus respuestas.

pediste un ejemplo simple td, p, div, span, li ul, blockote etc etc es lo mismo
width:te va a dar el ancho que quieres; /*es lo que pediste*/

te recomiendo que leas mucho
saludos

[Metaphor]

me parece super interesante el tema del css, he escuchado que se puede reducir notablemente el peso de un sitio haciendo lo en es formato.. :)

[DvD AdN]

Cada vez entiendo menos

Hmmmm..... te aconsejo que olvides todo lo que hayas leido de xhtml y css y reaprendas todo otra vez, leete un buen manual, para que no te hagas bolas.

[CORE]

Iniciado por Metaphor

me parece super interesante el tema del css, he escuchado que se puede reducir notablemente el peso de un sitio haciendo lo en es formato.. :)

muchisimo estube trabajando con un html que pesaba 34K con css logre bajar el xhtml casi hasta 12k

otra cosa de las tablas vs capas

es que la manipulacion de las capas es muchisimo mejor asi puedes acomodar el conmtenido segun el dispositvo

puedes esconder ese menu derecho donde aparecen los anuncios por ejemplo para mostrar una version para PDA puedes mostar una version para celular, otra para WebTV, otra para impresora, otra todo desde el media y usando capas

las css no solo hacen que se vea bien en todos los navegadores sino en todos los dispositivos, bien implementado las css claro esta.

[culantrax]

Para diseño de layout, formato y propiedades gráficas de los elementos en una página web, el CSS tiene todas las ventajas sobre las tablas, aunque no he pensado en una solución práctica para armar una imagen grande a través de recortes más pequeños (utilizando, por supuesto, CSS en lugar de una tabla). ¿Alguien lo ha intentado con resultados satisfactorios?

[Durgeoble]

Iniciado por Finseneu

Lei un par de articulos acerca del uso de css para armar estructuras en reemplazo de las tablas, pero extrañamente no pude encontrar el porque o las ventajas de esto.
Que saben al respecto?

Algunas de sus ventajas:

• menor peso de la pagina (carga antes)
• las hojas de estilo externas quedan guardadas en la cache del navegador por lo que no necesitan descargarse cada vez
• las capas permiten una mayor comodidad y flexiblidad
• las capas pueden adquirir propiedades que las tablas o celdas no pueden
• los navegadores tipo pda, lectores de voz, robots de busqueda y otros pueden "entender" las paginas con divs pero tienen serios problemas con paginas diseñadas con tablas

En definitiva, diseñar con tablas tiene una serie de inconvenientes que no tiene el diseñar con capas, sin embargo si tu intencion espresentar datos tabulares usa tablas, es su función.