Foros del Web » Creando para Internet » HTML »

Porque el "NO" a las tablas?

Estas en el tema de Porque el "NO" a las tablas? en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 10/07/2005, 10:51
 
Fecha de Ingreso: octubre-2003
Mensajes: 540
Antigüedad: 20 años, 5 meses
Puntos: 1
Porque el "NO" a las tablas?

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?
  #2 (permalink)  
Antiguo 10/07/2005, 12:43
Avatar de braulito  
Fecha de Ingreso: abril-2004
Ubicación: Cusco - Perú
Mensajes: 597
Antigüedad: 19 años, 11 meses
Puntos: 8
Las tablas com su nombre lo dice, se han creado para mostrar datos tabulares.
Cita:
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.
__________________
Braulio Soncco
braulio at buayacorp dot com
Buayacorp - Programación y Diseño
  #3 (permalink)  
Antiguo 10/07/2005, 13:15
 
Fecha de Ingreso: enero-2005
Mensajes: 265
Antigüedad: 19 años, 2 meses
Puntos: 1
http://www.effectivetranslations.com...ything_es.html
  #4 (permalink)  
Antiguo 13/07/2005, 13:04
 
Fecha de Ingreso: octubre-2003
Mensajes: 540
Antigüedad: 20 años, 5 meses
Puntos: 1
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?
  #5 (permalink)  
Antiguo 13/07/2005, 13:24
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 21 años, 11 meses
Puntos: 3
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
  #6 (permalink)  
Antiguo 13/07/2005, 14:49
 
Fecha de Ingreso: octubre-2003
Mensajes: 540
Antigüedad: 20 años, 5 meses
Puntos: 1
Entonces como me deshago de los br, con los mismos <div>?
  #7 (permalink)  
Antiguo 13/07/2005, 15:34
Avatar de ramm  
Fecha de Ingreso: junio-2004
Ubicación: Guadalajara
Mensajes: 207
Antigüedad: 19 años, 9 meses
Puntos: 0
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.
  #8 (permalink)  
Antiguo 13/07/2005, 23:52
Avatar de KnowDemon  
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 19 años, 8 meses
Puntos: 2
Cita:
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).
__________________
Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."
  #9 (permalink)  
Antiguo 14/07/2005, 01:16
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.027
Antigüedad: 19 años, 9 meses
Puntos: 832
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.
  #10 (permalink)  
Antiguo 14/07/2005, 06:51
 
Fecha de Ingreso: octubre-2003
Mensajes: 540
Antigüedad: 20 años, 5 meses
Puntos: 1
Cita:
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.
  #11 (permalink)  
Antiguo 14/07/2005, 08:35
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 21 años, 11 meses
Puntos: 3
td{width:100px;}
saludos
  #12 (permalink)  
Antiguo 14/07/2005, 09:17
Avatar de ramm  
Fecha de Ingreso: junio-2004
Ubicación: Guadalajara
Mensajes: 207
Antigüedad: 19 años, 9 meses
Puntos: 0
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.
  #13 (permalink)  
Antiguo 14/07/2005, 12:00
 
Fecha de Ingreso: octubre-2003
Mensajes: 540
Antigüedad: 20 años, 5 meses
Puntos: 1
Cita:
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?
  #14 (permalink)  
Antiguo 14/07/2005, 13:09
Avatar de ramm  
Fecha de Ingreso: junio-2004
Ubicación: Guadalajara
Mensajes: 207
Antigüedad: 19 años, 9 meses
Puntos: 0
Cita:
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
  #15 (permalink)  
Antiguo 14/07/2005, 16:28
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 21 años, 11 meses
Puntos: 3
Cita:
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
  #16 (permalink)  
Antiguo 14/07/2005, 20:00
(Desactivado)
 
Fecha de Ingreso: julio-2005
Mensajes: 39
Antigüedad: 18 años, 8 meses
Puntos: 0
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.. :)
  #17 (permalink)  
Antiguo 15/07/2005, 01:39
Avatar de DvD AdN  
Fecha de Ingreso: mayo-2005
Ubicación: Frente al monitor
Mensajes: 610
Antigüedad: 18 años, 10 meses
Puntos: 0
Cita:
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.
__________________
Keep f***ing learning
Ask for f***ing help.
Use f***ing spell check.
Think about all the f***ing possibilities.
  #18 (permalink)  
Antiguo 15/07/2005, 09:11
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 21 años, 11 meses
Puntos: 3
Cita:
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.
  #19 (permalink)  
Antiguo 15/07/2005, 13:54
 
Fecha de Ingreso: julio-2005
Mensajes: 54
Antigüedad: 18 años, 8 meses
Puntos: 0
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?
  #20 (permalink)  
Antiguo 15/07/2005, 14:07
Avatar de Durgeoble  
Fecha de Ingreso: marzo-2003
Mensajes: 462
Antigüedad: 21 años
Puntos: 2
Información

Cita:
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.
__________________
Todas mis respuestas funcionaran correctamente en aquellos navegadores que respeten los estandares.
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 04:27.