2 dudas sobre las tablas de datos accesibles

Timak · #1 (**permalink**) 22/11/2010, 09:59

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<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style>
    table {width:50%; border:0.1em solid #aaa;}
    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;}
    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;}
    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;}    
</style>
</head>
 
<body>
<table summary="ejemplo de tabla de datos accesible" cellspacing="0" cellpadding="0">
    <caption>Caption a la izquierda</caption>
    <tr>
        <th>TH 1</th>
        <th>TH 2</th>
        <th>TH 3</th>
    </tr>
    <tr>
        <td>TD 1</td>
        <td>TD 2</td>
        <td>TD 3</td>
        <td>TD 4</td>
    </tr>
    <tr>
        <td>TD 5</td>
        <td>TD 6</td>
        <td>TD 7</td>
        <td>TD 8</td>
    </tr>
</table>
</body>
</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

Timak · #2 (**permalink**) 24/11/2010, 01:38

Subiendo...

Timak · #3 (**permalink**) 26/11/2010, 07:14

Olvidad la 1º duda, está resuelta.

Todavía no consigo resolver la 2º duda. ¿Vosotros sabéis cómo? Ayuda por favor :)

Timak · #4 (**permalink**) 29/11/2010, 02:11

Subiendo...