aplicar CSS

[natt]

Hola!
soy nueva en esto de los CSS. He estado mirando cómo aplicar estilos tanto al firefox como al explorer y he encontrado este enlace http://24ways.org/2005/avoiding-css-hacks-for-internet-explorer
basándome en esto me he creado un estilo que sólo se me va a interpretar en el firefox:

.nav > table >tr> td {padding-left: 4em; COLOR: #FFFF88; }

lo he validado en la web de W3C y no me da errores, uso es el RAD y me muestra un ejemplo de cómo quedaría aplicado este estilo, pero no sé cómo se aplica este estilo a mis elementos html. En el RAD no puedo ver el código fuente de la página de ejemplo.
¿Alquien me puede ayudaR?
He probado con
<table>
<tr>
<td class="nav">
</td>
</tr>

pero no me funciona, ¿alguien me ayuda?
No puedo utilizar los estilos con id, sólo clases.

[metacortex]

Hola natt revisa esta página:

http://www.manual-html.com/codigos-h...onales-ie.html

Un ejemplo:

Código:

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

Eso significa que ie.css será leido sólo por Internet Explorer. El navegador procesará todo lo que pongas ahí y le dará mayor relevancia que la hoja de estilos común. Suponiendo que en tu hoja de estilos general tienes:

Código:

.clase {
  margin-top: 10px;
  background: #efefef;
  font-size: 12px;
}

Si colocas esto en ie.css (o como lo quieras nombrar):

Código:

.clase {
  margin-top: 20px;
}

Entonces Internet Explorer tomará como prioridad los 20px. No tienes por qué repetir todas las declaraciones, sólo las que quieras cambiar.

[daPhyre]

No estoy seguro, pero creo que hay un error ahi. Le estás diciendo que eso lo aplique al td dentro del tr dentro del table dentro del nav, o sea:

Código HTML:

<div class = "nav">
<table>
<tr>
<td>
Este texto tiene las propiedades...
</td>
</tr>
</table>
</div> 

En otras palabras, si quieres afectar al td de clase nav, ponlo directo en el css:

Código HTML:

.nav {
}

O si quieres poner la clase nav al tr, sería:

Código HTML:

.nav > td{
}

Como ya mencionaste, el > no sirve para IE. Suerte!

[Mikmoro]

Ponlo así:

table>tr>td.nav {padding-left: 4em; color: #FFFF88; }

Mikel.

[DragonX]

Pregunta:

¿que diferencia existe entre?

Esto:

table>tr>td.nav

y Esto:

table tr td .nav

[Mikmoro]

Que explorer no entiende ese selector, porque está usando el símbolo que dice "hijo de...", y eso explorer no lo entiende. Ella buscaba hacer un código para un selector que lo entienda FF pero IE6 no.

De hecho, concretamente table tr significa tr descendiente de table, y table > tr significa tr "hijo" de table, no cualquier descendiente.

Mikel.

[DragonX]

Más claro imposible!

Gracias