=?iso-8859-1?Q?Re:_[Ovillo]_C=F3mo_aplicar_estilo_al_primer_?= TD de un TABLE ???

Sun, 13 Feb 2005 17:35:16 -0800 




====================[  METODO 1 ]==========================
<style>
    td .miestilo {Background-Color:#f1f3f5;}
</style>

<table>
    <tr>
        <td class="miestilo">cell 0</td>
        <td>cell 1</td>
        <td>cell 2</td>
    </tr>
</table>

Este m�todo no puede funcionar nunca. El selector debe ser "td.miestilo", no "td .miestilo" (sin espacio). Seg�n este m�todo, est�s aplicando la regla de css a cualquier elemento descendiente de una etiqueta TD, cuya clase sea "miestilo". Por ejemplo <td><span class="miestilo">...</span></td>



===================[  METODO 2 ]==========================
<style>
    table .miestilo td {Background-Color:#f1f3f5;}
</style>

<table class="miestilo">
    <tr>
        <td>cell 0</td>
        <td>cell 1</td>
        <td>cell 2</td>
    </tr>
</table>
=======================================================

El problema es el mismo que el anterior. Deber�a ser "table.miestilo" (sin separaci�n) y se aplica a cualquier etiqueta TD dentro de la tabla.

Para hacer lo que tu quieres puedes:

- Utilizar una clase o identificador (m�todo 1 correctamente aplicado)

- Usas un selector de CSS2 [1] (aunque no funcionar�a en IE). Para tu tabla quedar�a algo as�:
TABLE TR:first-child TD:first-child {...}

- Utilizar una etiqueta de encabezado de tabla "TH" para esa celda, aunque sem�nticamente depender�a de su contenido:
TABLE TR TH {...}

<table>
    <tr>
        <th>cell 0</th>
        <td>cell 1</td>
        <td>cell 2</td>
    </tr>
</table>

Un saludo

Daniel G.B
Exelweiss Ent.



[1] http://www.sidar.org/recur/desdi/traduc/es/css/selector.html




_______________________________________________
Lista de distribuci�n Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Responder a