IE no me reconoce la clase

[apamate]

Hola a tod@s, después de pelearme un poco con el validador llegó la gran pelea con IE (como no podía ser menos) . La tabla que he construido la reconoce Firefox y Safari, pero IE la reconoce a medias, el código es el siguiente:


<TABLE WIDTH="800"HEIGHT="20" CELLSPACING="0">
<TD class="titulara"> Ginebra Motor Show 2008: <BR> Novedades del salón </TD>
<TR>
<td>&nbsp;</td>
</TR>
</TABLE>


La primera tabla no me la reconoce: ni el ancho, ni la fuente, ni nada, pero las demás sí.

.titulara {padding-top: 10px; padding-left: 20px; padding-bottom: 10px; font-family: verdana, sans serif; color: black; font-size :18 pt; text-align :left; background-color : FFFFFF;}

Gracias por las opiniones

[cehojac]

Iniciado por apamate

Hola a tod@s, después de pelearme un poco con el validador llegó la gran pelea con IE (como no podía ser menos) . La tabla que he construido la reconoce Firefox y Safari, pero IE la reconoce a medias, el código es el siguiente:


<TABLE WIDTH="800"HEIGHT="20" CELLSPACING="0">
<TD class="titulara"> Ginebra Motor Show 2008: <BR> Novedades del salón </TD>
<TR>
<td>&nbsp;</td>
</TR>
</TABLE>


La primera tabla no me la reconoce: ni el ancho, ni la fuente, ni nada, pero las demás sí.

.titulara {padding-top: 10px; padding-left: 20px; padding-bottom: 10px; font-family: verdana, sans serif; color: black; font-size :18 pt; text-align :left; background-color : FFFFFF;}

Gracias por las opiniones

usas el estilo dentro de la web o en un archivo css??


si es lo segundo debes anexar el css en el archivo html

otra cosa más tu tabla esta mal armada debe ser asi:

<TABLE WIDTH="800"HEIGHT="20" CELLSPACING="0" cellpadding="0" sumary="" border="0">
<tr>
<TD class="titulara"> Ginebra Motor Show 2008: <BR> Novedades del salón </TD>
</tr>
<TR>
<td>&nbsp;</td>
</TR>
</TABLE>

Un Saludo

[AlvaroG]

¿por qué pusiste una celda fuera de una fila? Los problemas comienzan cuando se hacen cosas raras con el HTML

Si es la cabecera de la tabla, dejalo así:

<table>
<thead>
<tr>
<td>Lo que quieras poner de título</td>
</tr>
</thead>

Saludos.

[cehojac]

Iniciado por alvlin

¿por qué pusiste una celda fuera de una fila? Los problemas comienzan cuando se hacen cosas raras con el HTML

Si es la cabecera de la tabla, dejalo así:

<table>
<thead>
<tr>
<td>Lo que quieras poner de título</td>
</tr>
</thead>

Saludos.

Disculpa mi ignoracia alvin pero para que sirve la etiqueta thead?

[AlvaroG]

thead, tbody y tfoot son etiquetas que sirven para indicar la cabecera, el cuerpo y el pie de la tabla respectivamente.

Por ejemplo, si tenés

Código:

ID    Nombre
1     Uno
2     Dos
Anterior | Siguiente

la estructura sería

Código HTML:

<thead>
<tr>
<td>ID</td>
<td>Nombre</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Uno</td>
</tr>
<tr>
<td>2</td>
<td>Dos</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Anterior</td>
<td>Siguiente</td>
</tr>
</tfoot> 

Saludos.

[cehojac]

Iniciado por alvlin

thead, tbody y tfoot son etiquetas que sirven para indicar la cabecera, el cuerpo y el pie de la tabla respectivamente.

Por ejemplo, si tenés

Código:

ID    Nombre
1     Uno
2     Dos
Anterior | Siguiente

la estructura sería

Código HTML:

<thead>
<tr>
<td>ID</td>
<td>Nombre</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Uno</td>
</tr>
<tr>
<td>2</td>
<td>Dos</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Anterior</td>
<td>Siguiente</td>
</tr>
</tfoot> 

Saludos.

Mira que no sabia que se podría estructurar de esas forma, uno siempre aprende más día a día

[apamate]

Gracias, voy a aplicar los cambios ya mismo.
Yo tampoco conocía thead, tbody y tfoot.

Cehojac, sobre lo que me dices de cellpadding="0" sumary="" border="0" en la tabla:

¿qué es sumary?, no lo había visto antes
tengo entendido que no es imprescindible incluirlos porque si no se indican su valor se obtiene mediante el valor por defecto que tiene cada uno, cierto?

Sobre el estilo: está en un archivo que está anexado en la página html, pero no incluí todo el código para no hacerlo muy largo.

Gracias por todos los comentarios

[cehojac]

Iniciado por apamate

Gracias, voy a aplicar los cambios ya mismo.
Yo tampoco conocía thead, tbody y tfoot.

Cehojac, sobre lo que me dices de cellpadding="0" sumary="" border="0" en la tabla:

¿qué es sumary?, no lo había visto antes
tengo entendido que no es imprescindible incluirlos porque si no se indican su valor se obtiene mediante el valor por defecto que tiene cada uno, cierto?

Sobre el estilo: está en un archivo que está anexado en la página html, pero no incluí todo el código para no hacerlo muy largo.

Gracias por todos los comentarios

el sumary aunque no tenga valor lo piden en validacion xhtml (W3C), asi que yo lo pongo por cumplir las reglas de Xhtml transcicional.

[AlvaroG]

summary es el equivalente al "alt" de las imágenes.

Si un navegador no puede interpretar tablas (navegadores viejos o lectores de pantalla, por ejemplo) se usará el texto que está en el atributo summary para describir la tabla.


Saludos.