Problema con onmouseout, onmouseover y onmousedown

Hola:
Tengo un lio...que no me aclaro, haber si podeis ayudarme.

Tengo una imagen que hace de bóton y necesito que cuando pases por encima (onmouseover) se ponga , por ejemplo, de color azul oscuro, cuando quites el cursor de encima (onmouseout) que se ponga,por ejemplo, azul claro y al pulsarse(onmousedown) se ponas de color blanco, pero una vez que ya ha sido pulsado aunque quiter el cursor de encima necesito que no cambie, es decir que se quede de color blanco porque ya ha sido pulsado. Espero haberme explicado. Estoy utilizando html y javascript

Saludos y gracias

 

Sería mejor si pones el código que estás utilizando.

 

Hei, de nuevo ando por aquí: este curro me tiene of total.

A ver Zaida: eso lo haces muy fácil creando un estilo botón en el css. Por ejemplo:

.miboton a:link { background-color: #uncolor; }
.miboton a:hover { background-color: #otrocolor; }
.miboton a:visited { background-color: #máscolor; }

Luego en el html, al botón de aplicas la clase (class="miboton"), y a correr.

Saludos

 

Hola DavidC:
me parece un aporte a tener en cuenta, el problema es que mis botones on imágenes, lo he probado pero no funciona , puede ser por que es una imagen?

Hola ideasmultiples:

El código que utilizo es el siguiente:

Código del botón.

HTML:

onmouseout="citofonia1()" onmouseover="citofonia2()" onclick="citofonia()"

Código javascript.

CODE, HTML o PHP Insertado:

function citofonia()
{
	
	document.getElementById('imagen1').src="img/citofonia_c.gif";
	document.getElementById('botonera3').style.visibility="visible";
	document.getElementById('texto').style.visibility="hidden";

}
function citofonia1()
{

	document.getElementById('imagen1').src="img/citofonia_a.gif";
}
function citofonia2()
{

	document.getElementById('imagen1').src="img/citofonia_b.gif";
}

Espero que puedan ayudarme. Muchas gracias a los dos

 

Puedes usar lo que te indicó DavidC pero utilizando una imagen como fondo en vez del color.

 

Lo he probado de ésta forma y no me funciona(seguro qu está mal, porque no tengo mucha idea de css)

código del botón.

HTML:

class="miboton"

Código css.

CODE, HTML o PHP Insertado:

.miboton a:link
{
	src: img/citofonia_a.gif;
}
.miboton a:hover
{
	src: img/citofonia_b.gif;
}
.miboton a:visited
{
	src: img/citofonia_c.gif;
}

¿puedes ayudarme?saludos y gracias

 

Hola Zaida,

está mal la llamada a la imagen.
Sería así:

Si no quieres que se repita la imagen de fondo, añade no-repeat entre el cierre de parántesis y el punto y coma.
Y si quieres que se repita en horizontal, añade repeat-x

Saludos

 

Hola Galynet:

Sabía que la llamada iba a estar mal .Perdona mi ignorancia pero aún así estoy haciendo algo mal porque no me funciona.La imágen que tengo cómo botón está fija y aunque pase el ratón por enima no se cambia. ¿Por qué?

Saludos y muchas gracias

 

Me temo que no has aplicado el estilo al enlace. <a href="loquesea" class="miboton">

Bye

 

Gracias!!!

 

No hay de qué; para eso estamos