Foros del Web » Creando para Internet » CSS »

aplicar CSS

Estas en el tema de aplicar CSS en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 09/05/2008, 03:43
 
Fecha de Ingreso: mayo-2008
Mensajes: 1
Antigüedad: 9 años, 7 meses
Puntos: 0
aplicar CSS

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.
  #2 (permalink)  
Antiguo 09/05/2008, 03:59
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.021
Antigüedad: 13 años, 6 meses
Puntos: 832
Re: aplicar CSS

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.
  #3 (permalink)  
Antiguo 09/05/2008, 10:35
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Re: aplicar CSS

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!
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #4 (permalink)  
Antiguo 09/05/2008, 12:42
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: aplicar CSS

Ponlo así:

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

Mikel.
  #5 (permalink)  
Antiguo 09/05/2008, 12:45
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: aplicar CSS

Pregunta:

¿que diferencia existe entre?

Esto:
Cita:
table>tr>td.nav
y Esto:
Cita:
table tr td .nav
  #6 (permalink)  
Antiguo 09/05/2008, 12:50
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: aplicar CSS

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.

Última edición por Mikmoro; 09/05/2008 a las 12:58
  #7 (permalink)  
Antiguo 09/05/2008, 13:15
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: aplicar CSS

Más claro imposible!

Gracias
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:52.