Respuesta : onmouse over con IE6-7

#6 Miguel Gonzalez

06/03/2007 - 16:51 | Informe spam

Hola Jordi.

Prueba esto:

<div class="Estilo17" align="left">
<a href="#"
style="text-decoration: none; color: black; cursor: default;"
onmouseover="this.style.fontSize='150%';"
onmouseout="this.style.fontSize='100%';"
onclick="return false;"

-AHORRO DE AGUA  DESDE UN 15%
</a>
</div>

...Aplicando lo expuesto en los mensajes anteriores.

Saludos!
Miguel

Jordi Maycas escribió:

me refiero a pagina tipo www.iwet.es , a donde pone -ahorro de agua ,
esas lineas, que a la que pases por encima se vean mas grandes.

"Miguel Gonzalez" escribió en el mensaje
news:%

Hola Jordi.

Con IE sí (SI) se puede hacer, pero sólo en los enlaces. Estos efectos
de agrandar/cambiar de color se utilizan para destacar algún objeto
cuando se pasa el puntero por encima y, generalmente, suele ser un
enlace, con lo que el "handicap" no es tan grande.

Un truquillo (no muy recomendable en términos de usabilidad) para
utilizar este efecto en algún texto que no sea un enlace, sería
"camuflar el enlace" y desactivarlo mediante javascript.

Para quitar la apariencia de "enlace" mediante CSS (y agrandarlo cuando
se el puntero por encima):

<style type="text/css">
a{color: black; text-decoration: none; cursor: default;}
a:hover{font-size: 150%;}
</style>

Para desactivar con javascript la navegación del enlace:

<a href="pag.html" onclick="return false;">Enlace</a>

Saludos!

Miguel

Jordi Maycas escribió:

bueno, o sea, que con IE (que se supone que es de lo mas extendido..
segun a quien se pregunte) no se puede hacer eso, a simple vista tan
simple.

"Miguel Gonzalez" escribió en el mensaje
news:

Perdón!

"hover" no es un pseudoelemento... sino una "pseudoclase"

Disculpa el despiste.

Saludos!
Miguel

Miguel Gonzalez escribió:

Hola Jordi.

Puedes hacerlo mediante CSS (Cascading Style Sheets) a través de la
propiedad "font-size" y el pseudoelemento "hover":

span {font-size: 100%;}
span:hover {font-size: 150%;}

Tiene el inconveniente de que IE (y otros navegadores antiguos) no
soporta "hover" sobre cualquier elemento, sino sólo sobre los enlaces
(<a>). Si el cambio lo quieres hacer sobre un enlace no tendrás ningún
problema.

También puedes utilizar lo anterior combinado con javascript:

onmouseover="this.style.fontSize='150%';"
onmouseout="this.style.fontSize='100%';"

Aunque tendrás el mismo problema en IE: no todos los elementos disparan
los eventos "onmouseover" y "onmouseout".

Saludos!
Miguel

Jordi Maycas escribió:

Hola!

¿Como hago para que al pasar sobre un texto se vea mas grande, y
entonces despues vuelva a su tamaño?

Responder a este mensaje

#7 Jordi Maycas

07/03/2007 - 10:07 | Informe spam

siguiendo con lo mismo tengo un problema con las fotos, del boton fotos y
noticias que no salen; en dreamweaver las veo, en el codigo aparecen los
links bien y no se muestran. ¿alguna idea?

"Miguel Gonzalez" escribió en el mensaje
news:

Hola Jordi.

Prueba esto:

<div class="Estilo17" align="left">
<a href="#"
style="text-decoration: none; color: black; cursor: default;"
onmouseover="this.style.fontSize='150%';"
onmouseout="this.style.fontSize='100%';"
onclick="return false;"

-AHORRO DE AGUA  DESDE UN 15%
</a>
</div>

...Aplicando lo expuesto en los mensajes anteriores.

Saludos!
Miguel

Jordi Maycas escribió:

me refiero a pagina tipo www.iwet.es , a donde pone -ahorro de agua ,

esas lineas, que a la que pases por encima se vean mas grandes.

"Miguel Gonzalez" escribió en el mensaje
news:%

Hola Jordi.

Con IE sí (SI) se puede hacer, pero sólo en los enlaces. Estos efectos
de agrandar/cambiar de color se utilizan para destacar algún objeto
cuando se pasa el puntero por encima y, generalmente, suele ser un
enlace, con lo que el "handicap" no es tan grande.

Un truquillo (no muy recomendable en términos de usabilidad) para
utilizar este efecto en algún texto que no sea un enlace, sería
"camuflar el enlace" y desactivarlo mediante javascript.

Para quitar la apariencia de "enlace" mediante CSS (y agrandarlo cuando
se el puntero por encima):

<style type="text/css">
a{color: black; text-decoration: none; cursor: default;}
a:hover{font-size: 150%;}
</style>

Para desactivar con javascript la navegación del enlace:

<a href="pag.html" onclick="return false;">Enlace</a>

Saludos!

Miguel

Jordi Maycas escribió:

bueno, o sea, que con IE (que se supone que es de lo mas
extendido..
segun a quien se pregunte) no se puede hacer eso, a simple vista tan
simple.

"Miguel Gonzalez" escribió en el mensaje
news:

Perdón!

"hover" no es un pseudoelemento... sino una "pseudoclase"

Disculpa el despiste.

Saludos!
Miguel

Miguel Gonzalez escribió:

Hola Jordi.

Puedes hacerlo mediante CSS (Cascading Style Sheets) a través de la
propiedad "font-size" y el pseudoelemento "hover":

span {font-size: 100%;}
span:hover {font-size: 150%;}

Tiene el inconveniente de que IE (y otros navegadores antiguos) no
soporta "hover" sobre cualquier elemento, sino sólo sobre los enlaces
(<a>). Si el cambio lo quieres hacer sobre un enlace no tendrás
ningún
problema.

También puedes utilizar lo anterior combinado con javascript:

onmouseover="this.style.fontSize='150%';"
onmouseout="this.style.fontSize='100%';"

Aunque tendrás el mismo problema en IE: no todos los elementos
disparan
los eventos "onmouseover" y "onmouseout".

Saludos!
Miguel

Jordi Maycas escribió:

Hola!

¿Como hago para que al pasar sobre un texto se vea mas grande, y
entonces despues vuelva a su tamaño?

Responder a este mensaje

#8 Miguel Gonzalez

07/03/2007 - 10:45 | Informe spam

Hola Jordi.

¿Has cambiado la versión de la página?

Está distinta y no veo los botones que comentas, ni siquiera en el código.

Sólo comentarte dos temas:

1) La página pesa mucho en KB a descargar. Te recomendaría aligerar el
peso de las imágenes que contiene:

Document Size - http://www.iwet.es/
Documents (1 file) 3 kb
http://www.iwet.es/ 3 kb
Images (4 files) 614 kb
http://www.iwet.es/imagenes/images.png 342 kb
http://www.iwet.es/imagenes/logo.PNG 240 kb
http://www.iwet.es/imagenes/entrar.png 21 kb
http://www.iwet.es/imagenes/bg_top.jpg 11 kb
Objects (0 files)
Scripts (0 files)
Style Sheets (0 files)
Total 617 kb

2) La descripción <meta> habla de centro de idiomas. En sí no tiene
importancia para el usuario, pero de cara a un buscador significa tener
una descripción que no tiene nada que ver con el contenido, lo que
penaliza a la página.

Saludos!

Miguel

Jordi Maycas escribió:

siguiendo con lo mismo tengo un problema con las fotos, del boton fotos y
noticias que no salen; en dreamweaver las veo, en el codigo aparecen los
links bien y no se muestran. ¿alguna idea?

"Miguel Gonzalez" escribió en el mensaje
news:

Hola Jordi.

Prueba esto:

<div class="Estilo17" align="left">
<a href="#"
style="text-decoration: none; color: black; cursor: default;"
onmouseover="this.style.fontSize='150%';"
onmouseout="this.style.fontSize='100%';"
onclick="return false;"
-AHORRO DE AGUA  DESDE UN 15%
</a>
</div>

...Aplicando lo expuesto en los mensajes anteriores.

Saludos!
Miguel

Jordi Maycas escribió:

me refiero a pagina tipo www.iwet.es , a donde pone -ahorro de agua ,

esas lineas, que a la que pases por encima se vean mas grandes.

"Miguel Gonzalez" escribió en el mensaje
news:%

Hola Jordi.

Con IE sí (SI) se puede hacer, pero sólo en los enlaces. Estos efectos
de agrandar/cambiar de color se utilizan para destacar algún objeto
cuando se pasa el puntero por encima y, generalmente, suele ser un
enlace, con lo que el "handicap" no es tan grande.

Un truquillo (no muy recomendable en términos de usabilidad) para
utilizar este efecto en algún texto que no sea un enlace, sería
"camuflar el enlace" y desactivarlo mediante javascript.

Para quitar la apariencia de "enlace" mediante CSS (y agrandarlo cuando
se el puntero por encima):

<style type="text/css">
a{color: black; text-decoration: none; cursor: default;}
a:hover{font-size: 150%;}
</style>

Para desactivar con javascript la navegación del enlace:

<a href="pag.html" onclick="return false;">Enlace</a>

Saludos!

Miguel

Jordi Maycas escribió:

bueno, o sea, que con IE (que se supone que es de lo mas
extendido..
segun a quien se pregunte) no se puede hacer eso, a simple vista tan
simple.

"Miguel Gonzalez" escribió en el mensaje
news:

Perdón!

"hover" no es un pseudoelemento... sino una "pseudoclase"

Disculpa el despiste.

Saludos!
Miguel

Miguel Gonzalez escribió:

Hola Jordi.

Puedes hacerlo mediante CSS (Cascading Style Sheets) a través de la
propiedad "font-size" y el pseudoelemento "hover":

span {font-size: 100%;}
span:hover {font-size: 150%;}

Tiene el inconveniente de que IE (y otros navegadores antiguos) no
soporta "hover" sobre cualquier elemento, sino sólo sobre los enlaces
(<a>). Si el cambio lo quieres hacer sobre un enlace no tendrás
ningún
problema.

También puedes utilizar lo anterior combinado con javascript:

onmouseover="this.style.fontSize='150%';"
onmouseout="this.style.fontSize='100%';"

Aunque tendrás el mismo problema en IE: no todos los elementos
disparan
los eventos "onmouseover" y "onmouseout".

Saludos!
Miguel

Jordi Maycas escribió:

Hola!

¿Como hago para que al pasar sobre un texto se vea mas grande, y
entonces despues vuelva a su tamaño?

Responder a este mensaje

#9 Jordi Maycas

07/03/2007 - 11:54 | Informe spam

Si he cambiado la principal quitando los botones, y los botones estan en el
resto de paginas. En la principal hay que dar al entrar para lo idem. El
tema esta en que en el foton fotos y en noticias, deberian salir unas fotos
luego, y aparentemente las carga pero no las visualiza.

Coñoooo un lapsus en lo del meta...

"Miguel Gonzalez" escribió en el mensaje
news:

Hola Jordi.

¿Has cambiado la versión de la página?

Está distinta y no veo los botones que comentas, ni siquiera en el código.

Sólo comentarte dos temas:

1) La página pesa mucho en KB a descargar. Te recomendaría aligerar el
peso de las imágenes que contiene:

Document Size - http://www.iwet.es/
Documents (1 file) 3 kb
http://www.iwet.es/ 3 kb
Images (4 files) 614 kb
http://www.iwet.es/imagenes/images.png 342 kb
http://www.iwet.es/imagenes/logo.PNG 240 kb
http://www.iwet.es/imagenes/entrar.png 21 kb
http://www.iwet.es/imagenes/bg_top.jpg 11 kb
Objects (0 files)
Scripts (0 files)
Style Sheets (0 files)
Total 617 kb

2) La descripción <meta> habla de centro de idiomas. En sí no tiene
importancia para el usuario, pero de cara a un buscador significa tener
una descripción que no tiene nada que ver con el contenido, lo que
penaliza a la página.

Saludos!

Miguel

Jordi Maycas escribió:

siguiendo con lo mismo tengo un problema con las fotos, del boton fotos y
noticias que no salen; en dreamweaver las veo, en el codigo aparecen los
links bien y no se muestran. ¿alguna idea?

"Miguel Gonzalez" escribió en el mensaje
news:

Hola Jordi.

Prueba esto:

<div class="Estilo17" align="left">
<a href="#"
style="text-decoration: none; color: black; cursor: default;"
onmouseover="this.style.fontSize='150%';"
onmouseout="this.style.fontSize='100%';"
onclick="return false;"
-AHORRO DE AGUA  DESDE UN 15%
</a>
</div>

...Aplicando lo expuesto en los mensajes anteriores.

Saludos!
Miguel

Jordi Maycas escribió:

me refiero a pagina tipo www.iwet.es , a donde pone -ahorro de agua ,

esas lineas, que a la que pases por encima se vean mas grandes.

"Miguel Gonzalez" escribió en el mensaje
news:%

Hola Jordi.

Con IE sí (SI) se puede hacer, pero sólo en los enlaces. Estos efectos
de agrandar/cambiar de color se utilizan para destacar algún objeto
cuando se pasa el puntero por encima y, generalmente, suele ser un
enlace, con lo que el "handicap" no es tan grande.

Un truquillo (no muy recomendable en términos de usabilidad) para
utilizar este efecto en algún texto que no sea un enlace, sería
"camuflar el enlace" y desactivarlo mediante javascript.

Para quitar la apariencia de "enlace" mediante CSS (y agrandarlo
cuando
se el puntero por encima):

<style type="text/css">
a{color: black; text-decoration: none; cursor: default;}
a:hover{font-size: 150%;}
</style>

Para desactivar con javascript la navegación del enlace:

<a href="pag.html" onclick="return false;">Enlace</a>

Saludos!

Miguel

Jordi Maycas escribió:

bueno, o sea, que con IE (que se supone que es de lo mas
extendido..
segun a quien se pregunte) no se puede hacer eso, a simple vista tan
simple.

"Miguel Gonzalez" escribió en el mensaje
news:

Perdón!

"hover" no es un pseudoelemento... sino una "pseudoclase"

Disculpa el despiste.

Saludos!
Miguel

Miguel Gonzalez escribió:

Hola Jordi.

Puedes hacerlo mediante CSS (Cascading Style Sheets) a través de la
propiedad "font-size" y el pseudoelemento "hover":

span {font-size: 100%;}
span:hover {font-size: 150%;}

Tiene el inconveniente de que IE (y otros navegadores antiguos) no
soporta "hover" sobre cualquier elemento, sino sólo sobre los
enlaces
(<a>). Si el cambio lo quieres hacer sobre un enlace no tendrás
ningún
problema.

También puedes utilizar lo anterior combinado con javascript:

onmouseover="this.style.fontSize='150%';"
onmouseout="this.style.fontSize='100%';"

Aunque tendrás el mismo problema en IE: no todos los elementos
disparan
los eventos "onmouseover" y "onmouseout".

Saludos!
Miguel

Jordi Maycas escribió:

Hola!

¿Como hago para que al pasar sobre un texto se vea mas grande, y
entonces despues vuelva a su tamaño?

Responder a este mensaje

#10 Jordi Maycas

07/03/2007 - 13:00 | Informe spam

ahora el de fotos va, el que no va es el de noticias.

He actualizado el fotos.htm con un fotos2.html que por casualidad iba.. y
ahora se veian bien en fotos.htm.. cosas raras.

El otro de noticias, nada de nada.

"Jordi Maycas" escribió en el mensaje
news:

Si he cambiado la principal quitando los botones, y los botones estan en
el resto de paginas. En la principal hay que dar al entrar para lo idem.
El tema esta en que en el foton fotos y en noticias, deberian salir unas
fotos luego, y aparentemente las carga pero no las visualiza.

Coñoooo un lapsus en lo del meta...

"Miguel Gonzalez" escribió en el mensaje
news:

Hola Jordi.

¿Has cambiado la versión de la página?

Está distinta y no veo los botones que comentas, ni siquiera en el
código.

Sólo comentarte dos temas:

1) La página pesa mucho en KB a descargar. Te recomendaría aligerar el
peso de las imágenes que contiene:

Document Size - http://www.iwet.es/
Documents (1 file) 3 kb
http://www.iwet.es/ 3 kb
Images (4 files) 614 kb
http://www.iwet.es/imagenes/images.png 342 kb
http://www.iwet.es/imagenes/logo.PNG 240 kb
http://www.iwet.es/imagenes/entrar.png 21 kb
http://www.iwet.es/imagenes/bg_top.jpg 11 kb
Objects (0 files)
Scripts (0 files)
Style Sheets (0 files)
Total 617 kb

2) La descripción <meta> habla de centro de idiomas. En sí no tiene
importancia para el usuario, pero de cara a un buscador significa tener
una descripción que no tiene nada que ver con el contenido, lo que
penaliza a la página.

Saludos!

Miguel

Jordi Maycas escribió:

siguiendo con lo mismo tengo un problema con las fotos, del boton fotos
y
noticias que no salen; en dreamweaver las veo, en el codigo aparecen los
links bien y no se muestran. ¿alguna idea?

"Miguel Gonzalez" escribió en el mensaje
news:

Hola Jordi.

Prueba esto:

<div class="Estilo17" align="left">
<a href="#"
style="text-decoration: none; color: black; cursor: default;"
onmouseover="this.style.fontSize='150%';"
onmouseout="this.style.fontSize='100%';"
onclick="return false;"
-AHORRO DE AGUA  DESDE UN 15%
</a>
</div>

...Aplicando lo expuesto en los mensajes anteriores.

Saludos!
Miguel

Jordi Maycas escribió:

me refiero a pagina tipo www.iwet.es , a donde pone -ahorro de agua ,

esas lineas, que a la que pases por encima se vean mas grandes.

"Miguel Gonzalez" escribió en el mensaje
news:%

Hola Jordi.

Con IE sí (SI) se puede hacer, pero sólo en los enlaces. Estos
efectos
de agrandar/cambiar de color se utilizan para destacar algún objeto
cuando se pasa el puntero por encima y, generalmente, suele ser un
enlace, con lo que el "handicap" no es tan grande.

Un truquillo (no muy recomendable en términos de usabilidad) para
utilizar este efecto en algún texto que no sea un enlace, sería
"camuflar el enlace" y desactivarlo mediante javascript.

Para quitar la apariencia de "enlace" mediante CSS (y agrandarlo
cuando
se el puntero por encima):

<style type="text/css">
a{color: black; text-decoration: none; cursor: default;}
a:hover{font-size: 150%;}
</style>

Para desactivar con javascript la navegación del enlace:

<a href="pag.html" onclick="return false;">Enlace</a>

Saludos!

Miguel

Jordi Maycas escribió:

bueno, o sea, que con IE (que se supone que es de lo mas
extendido..
segun a quien se pregunte) no se puede hacer eso, a simple vista tan
simple.

"Miguel Gonzalez" escribió en el mensaje
news:

Perdón!

"hover" no es un pseudoelemento... sino una "pseudoclase"

Disculpa el despiste.

Saludos!
Miguel

Miguel Gonzalez escribió:

Hola Jordi.

Puedes hacerlo mediante CSS (Cascading Style Sheets) a través de
la
propiedad "font-size" y el pseudoelemento "hover":

span {font-size: 100%;}
span:hover {font-size: 150%;}

Tiene el inconveniente de que IE (y otros navegadores antiguos) no
soporta "hover" sobre cualquier elemento, sino sólo sobre los
enlaces
(<a>). Si el cambio lo quieres hacer sobre un enlace no tendrás
ningún
problema.

También puedes utilizar lo anterior combinado con javascript:

onmouseover="this.style.fontSize='150%';"
onmouseout="this.style.fontSize='100%';"

Aunque tendrás el mismo problema en IE: no todos los elementos
disparan
los eventos "onmouseover" y "onmouseout".

Saludos!
Miguel

Jordi Maycas escribió:

Hola!

¿Como hago para que al pasar sobre un texto se vea mas grande, y
entonces despues vuelva a su tamaño?

Responder a este mensaje

Ads by Google

onmouse over con IE6-7

Preguntas similare

Leer las respuestas