Foros del Web - Hover para un DIV

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Hover para un DIV (http://www.forosdelweb.com/f53/hover-para-div-473002/)

iconogt

14/03/2007 17:37

Hover para un DIV

Hola buenas tardes, lo que quiero conseguir es sencillo con Javascript, ahora yo estoy seguro que se puede hacer con CSS porque lo he visto en otras páginas web, un ejemplo: Digamos que tenemos varios cuadros de texto [modulos], simple texto y alguno que otro link, quiero que al pasar el mouse por encima dicho bloque cambie de apariencia, es decir si tiene un borde solido gris opaco que cambie a un borde solido NEGRO y uno que otro retoque, etc, etc.... Yo pongo como ejemplo un DIV pero mas creo que lo hare con <p> bueno es cuestión de gustos no?:borracho:

algo asi como se ve en la pagina de http://www.mygnet.com/foros/
No se si ellos lo hicieron con Javascript, igual yo quiero hacerlo con CSS, espero respuesta y desde ya les doy las gracias por sus respuestas :arriba: :si:

demiurgo_daemon

14/03/2007 17:46

Re: Hover para un DIV

hola,

eso es fácil con la pseudoclase hover:

Código:

div{

border: 1px solid black;

}
 

div:hover{

border: 1px solid blue;

}

por poner un ejemplo. ten en cuenta que explorer inferior a 7 no maneja pseudoclases para elementos que no sean ligas (<a>), por si esto es importante para ti.

saludos :adios:

iconogt

14/03/2007 17:52

Re: Hover para un DIV

Cita:

Iniciado por demiurgo_daemon

por poner un ejemplo. ten en cuenta que explorer inferior a 7 no maneja pseudoclases para elementos que no sean ligas (<a>), por si esto es importante para ti.

Hmmm pienso que si amigo[a], ya que aún hay muchas personas que usan versiones anteriores... yo mismo en el trabajo tengo el IE 5, pero bueno gracias por tu ayuda y creo que voy a tener que leer un poquito mas porque me estoy oxidando ajajjajaj esque el job me absorbe bastante :neurotico :borracho: lo pruebo y te cuento que tal me fué :arriba:

Mikmoro

14/03/2007 18:02

Re: Hover para un DIV

En la página que citas, efectivamente está hecho con javascript.

Mikel.

sjam7

14/03/2007 18:57

Re: Hover para un DIV

ellos lo que usan es esto no?:
<tr bgcolor="#F8F8EA" onMouseOut="this.bgColor='#F8F8EA';" onMouseOver="this.bgColor='#F0F0D2';">o no entendi la pregunta

La zona horaria es GMT -6. Ahora son las 04:11.