15 de juny de 2013

HTML: Fixar amplades de columna en una taula

En la programació web hi ha gent molt radical en contra de l'ús de taules i en favor d'altres opcions, com ara els estils CSS. Els estils CSS estan molt bé. Els podeu veure aplicats en aquest mateix bloc ;-)

Però les taules també tenen la seva utilitat. Si encara en feu servir, us podeu trobar que de vegades fixar la mida de les columnes pot ser problemàtic, sobretot si es barreja amb estils CSS...

Un truc per fer-ho senzill consisteix en definir una primera fila buida que ens serveixi només per establir les amplades de les columnes de la taula:
<table style="width: 100%;">
    <tr>
        <td width="60%"></td>
        <td width="40%"></td>
    </tr>
    <tr>
        <td>Primera columna</td>
        <td>Segona columna</td>
    </tr>
    <tr >
        <td>Contingut</td>
        <td>Més contingut</td>
    </tr>
</table>

El resultat (amb un xic de CSS) el podeu veure a continuació:

Primera columna Segona columna
Contingut Més contingut

No és una mala opció, veritat?

Cap comentari:

Publica un comentari a l'entrada