onmouse over con IE6-7

04/03/2007 - 15:51 por Jordi Maycas | Informe spam
Hola!

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

Preguntas similare

Leer las respuestas

#1 Miguel Gonzalez
05/03/2007 - 18:31 | Informe spam
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?


Respuesta Responder a este mensaje
#2 Miguel Gonzalez
05/03/2007 - 18:48 | Informe spam
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?


Respuesta Responder a este mensaje
#3 Jordi Maycas
06/03/2007 - 09:55 | Informe spam
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?


Respuesta Responder a este mensaje
#4 Miguel Gonzalez
06/03/2007 - 10:48 | Informe spam
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?










Respuesta Responder a este mensaje
#5 Jordi Maycas
06/03/2007 - 11:12 | Informe spam
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?










Respuesta Responder a este mensaje
Ads by Google
Help Hacer una preguntaSiguiente Respuesta Tengo una respuesta
Search Busqueda sugerida