He estado probadno tu codigo con unas variaciones de color y fuente:
<style>
/*Las tablas M10 van a tener un margen y una fuente determinada*/
table.m10 {
margin: 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px; }
/*las celdas de una tabla M10 van a tener unas caracterisicas de
espacio y borde:*/
table.m10 td {
padding: 3px 5px 3px 5px;
border-style: none;
border-width: 0px;
/* background-color: #D8D8D8;*/
background-color:#009933;
}
/*Se crea una nueva clase llamada INTERNAF01 para una tabla*/
table.internaF01 {
margin: 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 20px;
}
/*Una supuesta nueva clase para las celdas de esta tabla*/
table.internaF01 td.valor {
padding: 0px;
border-style: none;
border-width: 0px;
/* background-color: transparent;*/
background-color:#FF6600;
}
</style>
El error creo que está en que a pesar tuyo la tabla nueva estará
dentro de una TD asi que lo que definas en el TD de "m10" afectará a
esa tabla.
No sé si lo que querías lograr era algo como esto:
<!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=iso-8859-1" />
<style>
table[class]{
margin: 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
}
td.m10 {
padding: 3px 5px 3px 5px;
border-style: none;
border-width: 0px;
background-color:#009933;
}
/*Se crea una nueva clase llamada INTERNAF01 para una tabla*/
table.internaF01 {
margin: 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 20px;
}
/*Una supuesta nueva clase para las celdas de esta tabla*/
table.internaF01 td.valor {
padding: 0px;
border-style: none;
border-width: 0px;
/* background-color: transparent;*/
background-color:#FF6600;
}
</style>
<title>Prueba Tabla</title>
</head>
<body>
<table>
<tr>
<td class="m10">Hola
<td>
<table class="internaF01">
<tr>
<td class="valor">12
</table>
<td>
</tr>
</table>
</body>
</html>
A ver si te ayuda.
On Tue, 3 Aug 2004 13:55:56 +0100, Manuel J.Recena Soto
<[EMAIL PROTECTED]> wrote:
> Hola a todos:
>
> Alguien sabe como evitar que la definición de un elemento del arbol DOM, como
> por ejemplo un TD no se herede a hijos que pudiera haber por dejado de él.
> Os pongo un ejemplo:
>
> Si defino una clase para tablas:
>
> table.m10 {
> margin: 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
> font-size: 10px; }
>
> table.m10 td {
> padding: 3px 5px 3px 5px;
> border-style: none;
> border-width: 0px;
> background-color: #D8D8D8;
> }
>
> y luego esta otra:
>
> table.internaF01 {
> margin: 0px;
> font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px;
> }
>
> table.internaF01 td.valor {
> padding: 0px;
> border-style: none;
> border-width: 0px;
> background-color: transparent;
> }
>
> Ahora aplico la primera y segunda claseclase:
>
> <table class="m10">
> <tr>
> <td>Hola
> <td>
> <table class="internaF01">
> <tr>
> <td class="valor">12
> </table>
> <td>
> </tr>
> </table>
>
> ¿Cómo puedo evitar que el nodo DOM "TD" con clase "valor" herede las
> propiedades el nodo DOM "TD" de la clase "m10"?
>
> un saludo
>
> Manuel Recena
>
> _______________________________________________
> Ovillo mailing list
> [EMAIL PROTECTED]
> http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
>
_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
