Que hace y como?

[reycoy]

Hola a todos,
Estoy tocando la pagina desarrollada por otro programador y no entiendo como consigue hacer esta imagen de sustitucion en un boton.
El boton es el siguiente:

<button type="submit" title="Click button to submit your enquiry" tabindex="">Submit your enquiry</button>

Y su estilo este
form#frmProductRequest button {
width:138px;
margin:5px 0 0 0;
background:#ddd url(../images/btn-contact.gif) no-repeat 0 0;
float:left;
}

Esta metido dentro de un formulario denominado frmProductRequest. Asi es como lo referencia.
Pero, como consigue el rollover?

Esta utilizando algo similar a esto:
http://alexsancho.name/archives/2006...genes-con-css/
utiliza una misma imagen y cambia con el hover manteniendo oculta la mitad de la imagen del boton.
Pero este no tieene ningun hover.

Lo que no se, es que es el #ddd que aparece en el background. No lo he encontrado por ningun lado, ni se a que hace referencia.

me podeis ayuda?.
Gracias.

[kseso?]

Esa técnica se conoce como sprite css

[reycoy]

Ok gracias,
Me sirve de mucho para seguir aprendiendo sobre el tema.

Pero reitero que no veo el hover por ninguna parte y que no se que es el #ddd en el background.

[kseso?]

Iniciado por reycoy

Ok gracias,
Me sirve de mucho para seguir aprendiendo sobre el tema.

Pero reitero que no veo el hover por ninguna parte y que no se que es el #ddd en el background.

Notación en hexadecimal del color del fondo. Equivale a #dddddd y es un gris muy suave (221,221,221 en RGB).
#000000 es negro, #ffffff blanco, #0000ff azul...
Cuando son iguales entre sí los valores de cada par se pueden abreviar a sólo 3:
#ff6600 es lo mismo que #f60 Sin embargo #00f000 ya no se puede usar la notación corta.

Sobre el cambio de imagen en el botón de envío:
Fíjate en el html cómo tiene esa parte del código, quizás tenga algo como:

input type="submit" value="Enviar" id="submit" class="submit" name="submit"/>

Si fuese así, deberías buscar las declaraciones para '.submit' y '.submit:hover'

Un saludo

[reycoy]

Mil gracias. Esa era la solución. No escontraba el input.