¿Cómo seleccionar una parte de una imagen de fondo con css?

[tete_de]

Hola amigos de forosdelweb.com
Hoy traigo una duda que no he resolvido ahún

pero leí que este es el código:

<style type="text/css">
.bg_rojo{
color: red;
background: url(img/bg-botones.gif) 106 -105px no-repeat;
height: 16px; width: 16px;
}
</style>

Con esto se supone que se selecciona la cordenada (X) Y (Y).
Es decir la posicion (106px,105px)

pero no se si existe otro código similar o si está bien este ya que no me anda, no se ve y ya cargue la imagen que está en img/bg-botones.gif

ayuda por favor!

gracias

[Carlangueitor]

Exactamente que es lo que quieres hacer? Por que igual estás haciendo algo mal. De que tamaño es la imagen?

Saludos

[tete_de]

quiero hacer lo siguiente, agrupar por ejemplo 10 imagenes en una sola imagen, y que con el css se seleccione la imagen que yo quiero, ejemplo, de las 10 imagenes que estan en una sola imagen, está el botón rojo para un submit, lo que quiero es extraer únicamente ese botón rojo, no quiero que se vean todas las imagenes.

¿Me explico?

[Carlangueitor]

O sea sprites. Pues sí, debe funcionarte la forma de que lo estás haciendo. Pero muestra la imagen.

Saludos

[tete_de]

aqui está


esos son 4 backgrounds para 4 barras diferentes

[Carlangueitor]

Y para que dejas tanto espacio? Ponlos juntitos. Y si es un cuadro 16, que el cuadro de color sea de la misma medida.

Código CSS:

background: url(bg-botones.gif) -106px, -105px no-repeat;
 

Saludos

[tete_de]

gracias me fue muy útil tu ayuda