Foros del Web » Creando para Internet » Diseño Gráfico »

¿Usar tabla o divs?

Estas en el tema de ¿Usar tabla o divs? en el foro de Diseño Gráfico en Foros del Web. Veamos necesito mostrar la información de una ficha, osea: Nombre: XXXXX Apellidos: XXXXX Estado emotivo: XXXXXX No se si sería mejor mostrarlo en tablas o ...
  #1 (permalink)  
Antiguo 11/10/2007, 06:37
 
Fecha de Ingreso: febrero-2002
Ubicación: Sabadell
Mensajes: 253
Antigüedad: 22 años, 1 mes
Puntos: 5
¿Usar tabla o divs?

Veamos necesito mostrar la información de una ficha, osea:

Nombre: XXXXX
Apellidos: XXXXX
Estado emotivo: XXXXXX

No se si sería mejor mostrarlo en tablas o en capas ahi estoy perdido.
  #2 (permalink)  
Antiguo 11/10/2007, 07:16
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 20 años, 3 meses
Puntos: 13
Re: ¿Usar tabla o divs?

¿Y por qué no una lista de definición?

Código HTML:
<dl>
    <dt>Nombre:</dt>
    <dd>XXXXXX</dd>
    <dt>Apellidos:</dt>
    <dd>XXXXXX</dd>
    <dt>Estado emotivo:</dt>
    <dd>XXXXXX</dd>
</dl> 
__________________
El conocimiento es libre: Movimiento por la Devolución
  #3 (permalink)  
Antiguo 11/10/2007, 07:32
 
Fecha de Ingreso: febrero-2002
Ubicación: Sabadell
Mensajes: 253
Antigüedad: 22 años, 1 mes
Puntos: 5
Re: ¿Usar tabla o divs?

Mmm pues no es mala idea no.. vamos la cosa es para una ficha pero eso deberia ser correcto totalmente, no? y muy accesible, no?

Es q claro la cosa era q la ficha iba por bloques tb en plan

Datos generales
Nombre: blababla
Apellidos: blablaa

Datos de contacto
Direccion: blablabla
telefono: xxxxx

Por eso pensaba q datos generales, datos de contacto serían el caption... pero ya te digo ahi ando algo perdido no se q opción coger pq todas me parecen correctas :/
  #4 (permalink)  
Antiguo 11/10/2007, 09:09
Avatar de Daniel Ulczyk
Super Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.263
Antigüedad: 19 años, 1 mes
Puntos: 2114
Re: ¿Usar tabla o divs?

Semánticamente no es correcto el uso de una lista de definición, lo que se pretende aquí es mostrar datos tabulados; y al respecto no hay inconvenientes en utilizar tablas.
Ahora bien, a mi entender la correcta definición de la estructura de una tabla, debe ser como sigue:

Código HTML:
<table>
  <caption>
  tabla de datos
  </caption>
  <thead>
    <tr>
      <th>datos personales </th>
      <th>descripción</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <th>fecha</th>
      <td>11/10/07</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <th>nombre</th>
      <td>alfa</td>
    </tr>
    <tr>
      <th>apellido</th>
      <td>beta</td>
    </tr>
    <tr>
      <th>estado emotivo </th>
      <td>gamma</td>
    </tr>
  </tbody>
</table> 
Saludos!
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #5 (permalink)  
Antiguo 11/10/2007, 09:46
 
Fecha de Ingreso: febrero-2002
Ubicación: Sabadell
Mensajes: 253
Antigüedad: 22 años, 1 mes
Puntos: 5
Re: ¿Usar tabla o divs?

Y una pregunta el thead y el tbody son obligatorios totalmente? o sino tengo nada pongo las etiquetas esas vacias? o mejor no las pongo?

Muchisimas gracias por las contestaciones ;)
  #6 (permalink)  
Antiguo 11/10/2007, 11:07
Avatar de Daniel Ulczyk
Super Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.263
Antigüedad: 19 años, 1 mes
Puntos: 2114
Re: ¿Usar tabla o divs?

El ejemplo que te puse está en línea con tus requerimientos:
Estructurado de una forma correcta y accesible.
Entiendo que es una buena práctica utilizar thead y tbody
Ejemplo: si construís una pared y dejás el hueco para la ventana, lo esperado es que pongas la ventana. Y no dejes el hueco

__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #7 (permalink)  
Antiguo 11/10/2007, 12:24
Avatar de lucasan
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: Cali - Colombia
Mensajes: 1.144
Antigüedad: 16 años, 9 meses
Puntos: 59
Re: ¿Usar tabla o divs?

100% cierto.

Hace un tiempo lei algo en un blog, y decía el tipo este "las tablas son del diablo".

Y no es cierto, las tablas tienen un uso específico y es mostrar datos tabulados, lo cual es lo que necesitas.
__________________
Plan Original Desarrollo Web
~$>sudo apt-get install -f
"Asi debería arreglarse todo en la vida"
  #8 (permalink)  
Antiguo 11/10/2007, 12:37
Avatar de Daniel Ulczyk
Super Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.263
Antigüedad: 19 años, 1 mes
Puntos: 2114
Re: ¿Usar tabla o divs?

No confundamos, las "tablas son del diablo" si hoy día se te ocurre llevar a cabo cualquier suerte de diseño, basándose precisamente en ese estilo de maquetación.
Por otro lado para mostrar datos tabulados, como bien dije, es el mejor elemento al cual se le puede echar mano.
En mi blog, precisamente hago referencia a la versión traducida de "Por qué diseñar con tablas es estúpido".
La versión, la cual cito, puede leerse en http://www.effectivetranslations.com...ything_es.html
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #9 (permalink)  
Antiguo 15/10/2007, 02:16
 
Fecha de Ingreso: febrero-2002
Ubicación: Sabadell
Mensajes: 253
Antigüedad: 22 años, 1 mes
Puntos: 5
Re: ¿Usar tabla o divs?

Entonces a ver si no tengo nada que poner en el thead pq la estructura yo no peudo cambiarla me la han dado así que hago... le pongo un thead vacio o mejor no le pongo? seguirá siendo valido? 0_o
  #10 (permalink)  
Antiguo 15/10/2007, 14:55
Avatar de Daniel Ulczyk
Super Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.263
Antigüedad: 19 años, 1 mes
Puntos: 2114
Re: ¿Usar tabla o divs?

No entiendo por qué decís que no podés cambiar la estructura.
En tu primer post podías elegir entre un <table> o un <div> ¿no es cierto?
Además, claramente en tu ejemplo, puede inferirse el <thead>; ahora bien, si no disponés de la data, no tiene sentido armar la estructura con un &nbsp; podés elegir entre una tabla con markup correcto o sin ella, aunque válido.
Si elegís lo segundo, entonces comienza a estar fuera de los alcances de este foro.
Saludos!
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #11 (permalink)  
Antiguo 16/10/2007, 02:22
 
Fecha de Ingreso: febrero-2002
Ubicación: Sabadell
Mensajes: 253
Antigüedad: 22 años, 1 mes
Puntos: 5
Re: ¿Usar tabla o divs?

A ver... me refiero a q no puedo tocar la estructura de datos, q los datos a visualizar y la forma de mostrarlos son exigidos por el cliente.

Segundo que la forma que yo he mostrado los datos al principio no puedo poner thead ya que cada cada bloque sería una tabla con su caption y su summary, por eso yo me pregunto que si no hay thead no cumple lo que es una tabla? es obligadisimo ponerselo? 0_o ¿hay algún sitio que pueda leer más información sobre este tema de lo que es obligatorio/recomendable para hacer tablas accesibles?

Muchísimas gracias!
  #12 (permalink)  
Antiguo 16/10/2007, 05:29
Avatar de Daniel Ulczyk
Super Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.263
Antigüedad: 19 años, 1 mes
Puntos: 2114
Re: ¿Usar tabla o divs?

Acá existen dos puntos de vista:
  1. Cumplir a ciegas la exigencia del cliente.
  2. Mostrarle al mismo cómo deben hacerse las cosas.
Si tu post, originalmente, hubiera sido publicado en el foro de Web General, por ejemplo, posiblemente (aunque en forma poco probable) quien hubiese contestado podría haberse pasado por alto el nombrarte <thead>, <tbody>, etc. y haberte dicho, simplemete:
datos tabulados = tabla
Con la pertinencia de mostrar esos datos en forma accesible, te he mostrado una estructura básica, accesible y de acuerdo a las consideraciones establecidas por la World Wide Web Consortium.
Al respecto, podés sentirte libre de consultar el documento Tables in HTML documents.
Que tengas mucha suerte!
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #13 (permalink)  
Antiguo 16/10/2007, 06:02
 
Fecha de Ingreso: febrero-2002
Ubicación: Sabadell
Mensajes: 253
Antigüedad: 22 años, 1 mes
Puntos: 5
Re: ¿Usar tabla o divs?

Cito de la web que me has pasado.

Cita:
The start tags for THEAD and TFOOT are required when the table head and foot sections are present respectively, but the corresponding end tags may always be safely omitted.
Osea como bien dice cuando sean presentes... osea en ningún caso no pone q sean obligatorios 100%. Almenos eso es lo que yo llego a entender que basicamente el THEAD y el TFOOT te sirve para:

Cita:
Table rows may be grouped into a table head, table foot, and one or more table body sections, using the THEAD, TFOOT and TBODY elements, respectively. This division enables user agents to support scrolling of table bodies independently of the table head and foot. When long tables are printed, the table head and foot information may be repeated on each page that contains table data.
Y dice puede ser agrupado... osea no dice que debe ser que es muy diferente por eso yo pienso que puede llegar a ser opcional pq no siempre los datos tabulados tienen que ser todos iguales, vamos creo yo...

Que conste que yo si puedo lo hago accesible al 100% pero vamos q sino es del todo necesario para que pelear con el cliente cuando no se tiene razón?
  #14 (permalink)  
Antiguo 16/10/2007, 10:15
Avatar de Daniel Ulczyk
Super Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.263
Antigüedad: 19 años, 1 mes
Puntos: 2114
Re: ¿Usar tabla o divs?

Claro que no es obligatorio, nada es obligatorio entonces...!
Pero acá estamos hablando de accesibilidad (repito).
No es una opinión particular, pero defino accesibilidad cuando se accede al
contenido con independencia del dispositivo.
Si querés armar tu tabla prescindiendo de los marcadores recomendados, si no podés utilizar <thead> porque vas mostrar contenido tabulado mezclando naranjas con zapallos, entonces mi amigo; este thread será de nunca acabar.
Si vas a llevar a cabo contenido accesible, acá no hay grises. O es accesible o no lo es.
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #15 (permalink)  
Antiguo 17/10/2007, 02:47
 
Fecha de Ingreso: febrero-2002
Ubicación: Sabadell
Mensajes: 253
Antigüedad: 22 años, 1 mes
Puntos: 5
Re: ¿Usar tabla o divs?

A ver... ains... creo que no nos hemos entendido a ver entiendo que si que si eso estuviera ahí sería mejor y tal, igual que si pusieramos un longdesc a todas las imagenes para no decirle a un ciego simplemente Logo de Telefónica sino poner logo de telefonica con fondo azul y letras blancas, con una fuente cursiva que blabalbalbala... pero verdad que no siempre se usa el longdesc para todas las imagenes y verdad que sigue siendo accesible?

Una cosa es que si ponemos un javascript que solo si tienes javascript o un flash q solo si tienes flash puedas acceder a tal sitio, que eso es inaccesible y otra es que podría ser más accesible pero igualmente es accesible, digamos por ejemplo una rampa para entrar en un edificio o si alguien cojiera y pusiera una rampa electrica y asi la persona en cuestión no se cansaría.

No se si me he explicado bien la verdad... pero basicamente me refiero a que la tabla puede seguir siendo accesible sin thead y tfoot, no? Aunque ya se que sería mejor con ello, pero tp es algo q o lo lleva o no es accesible... vamos creo yo...
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:32.