Foros del Web » Creando para Internet » CSS »

imagenes png

Estas en el tema de imagenes png en el foro de CSS en Foros del Web. Una consulta!! Buenos Dias !!! tengo un archivo png que trae varios iconos, como hago para seleccionar una de esas imagenes??? desde ya muchas gracias...
  #1 (permalink)  
Antiguo 29/02/2012, 08:47
 
Fecha de Ingreso: diciembre-2008
Mensajes: 805
Antigüedad: 15 años, 11 meses
Puntos: 20
imagenes png

Una consulta!! Buenos Dias !!! tengo un archivo png que trae varios iconos, como hago para seleccionar una de esas imagenes??? desde ya muchas gracias
  #2 (permalink)  
Antiguo 29/02/2012, 10:16
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: imagenes png

Si mal no entiendo querés usar solo uno de los iconos sin tener que dividir la imagen en otras imágenes.
A eso se lo conoce como css sprites.
Primero tenés que determinar la ubicación de los iconos en la imagen principal, es decir las coordenadas respecto del borde superior y el borde izquierdo, luego en el css le das background-image al elemento y fijás la posición con background-position para que coincida el icono que queres mostrar
Imágina que el icono 1 esta ubicado en 10px 30px, entonces compensas con valores negativos

Código CSS:
Ver original
  1. div
  2. {
  3. width: 64px;
  4. height: 64px;
  5. background-image:url('icono.gif');
  6. background-position:-10px -30px;
  7. background-repeat: no-repeat;
  8. }


Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Última edición por emprear; 29/02/2012 a las 10:23
  #3 (permalink)  
Antiguo 01/03/2012, 06:49
 
Fecha de Ingreso: diciembre-2008
Mensajes: 805
Antigüedad: 15 años, 11 meses
Puntos: 20
Respuesta: imagenes png

Muchas Gracias Funcionooo!!!!!

Etiquetas: imagenes, png
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:19.