Cambios css en Internet Explorer 7

[ukoegin]

Partiendo de una web que se ve sin problemas con IE6 o Firefox 1.5 descubro:

Navegador: IE7

Suceso:El texto cambia de color cuando el cursor esta dentro de la ventana, pasa a negro cuando el cursor sale de la ventana.
El texto coge el color del estilo:
a:hover {color: red; text-decoration: none}

Elementos afectados:
Texto al que no se le aplique un estilo (no importa que esté entre etiquetas font)
Texto con un estilo asignado no se especifique el color.

La etiqueta body:
body { font-family: Verdana,Arial; color: #000000; font-size: 9pt;margin-top:2px; }

Ya se que a:hover implica que se activa cuando el cursor esta encima pero ¿no debería aplicarlo sólo a los links?

La web es ukoegin.com
Imagino que sera un tonteria de sintaxis que IE/ entiende diferente.
¿Podrias ayudarme?

[Mikmoro]

Primero una cosa: ¿se ve bien en Firefox y en IE6 porque tiene algún hack para explorer (alguna clase especial para éste, etc.)? Lo digo porque si es así, tal y como hemos estado comentando en otros temas de este foro, parece que IE7 va a dar algunos problemas con esos trucos: no va a reconocer las etiquetas tipo * html, así que como el resto de navegadores, las ignorará, aunque seguirá arrastrando algunos problemas, por lo que quien haya usado cosas de ese tipo para IE6, deberá ir empezando a cambiar todas por comentarios condicionales, que sí van a seguir funcionando en el 7.

Si no es por eso, pon algún ejemplo de código y lo vemos todos (quien tenga el IE7, claro).
Mikel.

[fearlex]

Iniciado por ukoegin

Ya se que a:hover implica que se activa cuando el cursor esta encima pero ¿no debería aplicarlo sólo a los links?

En Internet Explorer 7, la seudo clase :hover, no solo se aplica a los links sino a todos los elementos que quieras.

[ukoegin]

¿como puedo aplicar en IE7 la seudo clase :hover, sólo a los links sin tener que poner una clase en cada link?

[Mikmoro]

Pues depende de dónde estén los links. Por ejemplo, si están dentro de un contenedor (<div id="contenedor">), la clase sería:

#contendor a { las reglas que sean}
y luego
#contendor a:hover { las reglas que quieras}

y sólo afectará a los links que estén dentro de ese contenedor.
Mikel.

[Mikmoro]

En tu caso en concreto, como tienes todo el menu en una tabla, haz estos 3 estilos:

#menu {}
#menu a{con lo que quieras}
#menu a:hover {con lo que quieras que cambie}

A la tabla que contiene el menu, añádele un id:

<table id="menu" style... etc.

Ahora los cambios que pongas en la regla sólo afectarán a esos links.
Mikel.

[guillermov]

hola
tengo un problema tambien entre IE6 Y IE7 con una pagina que estoy haciendo.

Se trata de unos íconos png(con fondo transparente) metidos adentro de una tabla, que tanto en IE7 como en mozilla y opera se ven como yo quiero pero en el IE6 no toma la transparencia y me aparece un fondo gris.

No entiendo por que es, si alguien sabe estaría muy agradecidooo

[kseso?]

Hola Guillermov:
Lo más eficaz para ti hubiese sido que abrieses un tema nuevo.
Sobre tu consulta:
IE6 no entiende de transparencias. Hay bastante información sobre este tema en el foro. Debes usar algún hack para que se vean.
Un saludo