[ayuda] Css Hover

medina

x10 Addict
Community Support
Messages
1,815
Reaction score
7
Points
38
Puse ya busque por google y no encuentro lo que necesito, ando buscando como hacer que al pasar el cursor por una celda cambie la imagen de fondo y al quitar el cursor vuelva a la normalidad... en javascript no me funciono... Gracias
 

Kansy

Community Advocate
Community Support
Prime Account
Messages
2,621
Reaction score
9
Points
38
Usando el Flash o Dreamweaver te lo hace =D no me pregutnes por codigo xk npi xD
 

eZakto

Member
Messages
782
Reaction score
1
Points
18
Code:
.celda:hover {
  background-color: url("imagen.gif");
}
 

InfoSys

New Member
Messages
466
Reaction score
0
Points
0
No es CSS.
HTML:
<img src="http://www.tuweb.imagen.png" alt="" onmouseover="this.src='http://www.tuweb.imagen2.png';" onmouseout="this.src='http://www.tuweb.imagen.png';" />


Saludos
 

eZakto

Member
Messages
782
Reaction score
1
Points
18
Dijo que quería que cambie la imágen de fondo de la celda... :/
 

medina

x10 Addict
Community Support
Messages
1,815
Reaction score
7
Points
38
Muchas gracias!... con eso es suficiente!... Gracias Ezakto
 

medina

x10 Addict
Community Support
Messages
1,815
Reaction score
7
Points
38
hmmm ayer lo probe y no me dunciono... obviomente puse class celda y le cambie la imagen y no me funciona alguna idea?
 

Reclutador

Active Member
Messages
3,866
Reaction score
0
Points
36
Hmm... si no me equivoco, depende de que formato y el explorador que pongas... prueba con jpg y con gif, a ver si así fucniona, porque si has puesto png y estas viendo con ie6 no es de extrañar que no fucnione
 

medina

x10 Addict
Community Support
Messages
1,815
Reaction score
7
Points
38
no, ese noes el problema lo probe con una imagen no funciono y tambien con un colory no cambia....
Edit:
De hehco ya lo pense mejor y no quiero q cambia a una imagen solo quiero q cmabie de color a uno mas obscuro para darle en efecto de Selecicon

Mi web es www.ituto.com.ar y vena el menu no hay nada solo esta el menu pa q se den la idea

Ya lo intente asi y no miren el codigo de fuente haber si algo hize mal!

EDIT:

Ya me puse las pilas y busque pro google y encontre muchas cosas que hay q declarar primero que se habla de una celda (TD) y cosas asi ya intente de todas maneras y no me funciona ... segun yo estya bien q hay q declarar pero ya declararo no es background ni background-colog es algo como bg-color o algo asi... eso es lo q falla segun yo!... Haber si alguien utiliza algo similar en su web y nos ayuda!...

Gracias
 
Last edited:

eZakto

Member
Messages
782
Reaction score
1
Points
18
Ejemplo funcionando:

HTML:
Code:
<table style="border-collapse:collapse;width:90%">
  <tr>
    <th class="nohover">MENU</th>
  </tr>
  <tr>
    <td class="sihover">Sección 1</td>
  </tr>  <tr>
    <td class="sihover">Sección 2</td>
  </tr>  <tr>
    <td class="sihover">Sección 3</td>
  </tr>
</table>

CSS:

Code:
.sihover { background-color: #FF0000; }
.sihover:hover { background-color: #880000; }

.nohover { background-color: #AA0000; }

http://www.ezakto.com.ar/ejemplos/celda_hover.html

Claro está, que si usas un navegador malo (Dicese, Internet Explorer) no va a funcionar porque... Bueno, es malo :p

Saludos.
 
Last edited:

medina

x10 Addict
Community Support
Messages
1,815
Reaction score
7
Points
38
Gracias!... me funciono, peor encontre uno que funciona en IE si lo quieres o alguien lo quiere diganme!... Gracias pot tu ayuda
 
Top