Foros del Web » Creando para Internet » CSS »

2 dudas sobre las tablas de datos accesibles

Estas en el tema de 2 dudas sobre las tablas de datos accesibles en el foro de CSS en Foros del Web. Hola. Mi primera duda es si se puede manipular el caption de manera que quede alineado con los th y justo por encima de los ...
  #1 (permalink)  
Antiguo 22/11/2010, 09:59
 
Fecha de Ingreso: marzo-2009
Mensajes: 18
Antigüedad: 8 años, 8 meses
Puntos: 0
2 dudas sobre las tablas de datos accesibles

Hola.

Mi primera duda es si se puede manipular el caption de manera que quede alineado con los th y justo por encima de los td, así:

<caption><th><th><th>
<td><td><td><td>

¿Me entienden? He probado con la propiedad caption-side:left, efectivamente pone el caption a la izquierda, pero las td no se ponen debajo del caption sino de los th.

Os enseño un ejemplo sencillo:
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Documento sin título</title>
  5.     table {width:50%; border:0.1em solid #aaa;}
  6.     table caption {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.7em; caption-side:left; width:20em; border-top:0.1em solid #aaa; border-left:0.1em solid #aaa; border-bottom:0.1em solid #aaa;}
  7.     table th {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold; text-align:center; border-left:0.1em solid #aaa;}
  8.     table td {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.7em; text-align:left;border-top:0.1em solid #aaa; border-left:0.1em solid #aaa;}   
  9. </head>
  10.  
  11. <table summary="ejemplo de tabla de datos accesible" cellspacing="0" cellpadding="0">
  12.     <caption>Caption a la izquierda</caption>
  13.     <tr>
  14.         <th>TH 1</th>
  15.         <th>TH 2</th>
  16.         <th>TH 3</th>
  17.     </tr>
  18.     <tr>
  19.         <td>TD 1</td>
  20.         <td>TD 2</td>
  21.         <td>TD 3</td>
  22.         <td>TD 4</td>
  23.     </tr>
  24.     <tr>
  25.         <td>TD 5</td>
  26.         <td>TD 6</td>
  27.         <td>TD 7</td>
  28.         <td>TD 8</td>
  29.     </tr>
  30. </body>
  31. </html>

En ese ejemplo los td no me ponen por debajo del caption sino por debajo de los th y yo quiero que queden por debajo del caption y los th. ¿Alguna solución?

-------------------

Mi segunda duda es si se puede poner la tabla en vertical, es decir, sabemos que la tabla por defecto está así:
<th><th><th>
<td><td><td>
<td><td><td>

Y en vertical tendría que ser así:
<th><td><td>
<th><td><td>
<th><td><td>

¿Se puede? He mirado muchos ejemplos en Google y también en ese foro, pero no encuentro lo que necesito.

Un saludo
  #2 (permalink)  
Antiguo 24/11/2010, 01:38
 
Fecha de Ingreso: marzo-2009
Mensajes: 18
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: 2 dudas sobre las tablas de datos accesibles

Subiendo...
  #3 (permalink)  
Antiguo 26/11/2010, 07:14
 
Fecha de Ingreso: marzo-2009
Mensajes: 18
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: 2 dudas sobre las tablas de datos accesibles

Olvidad la 1º duda, está resuelta.

Todavía no consigo resolver la 2º duda. ¿Vosotros sabéis cómo? Ayuda por favor :)
  #4 (permalink)  
Antiguo 29/11/2010, 02:11
 
Fecha de Ingreso: marzo-2009
Mensajes: 18
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: 2 dudas sobre las tablas de datos accesibles

Subiendo...

Etiquetas: tablas
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:49.