Ver Mensaje Individual
  #2 (permalink)  
Antiguo 02/10/2012, 12:09
Avatar de tredio
tredio
 
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 15 años, 5 meses
Puntos: 66
Respuesta: Confundido con CSS Sprites

la forma correcta para evitar duplicacion de codigo, y tener un codigo mas limpio, seria colocar el background en una clase aparte, algo asi:

Código CSS:
Ver original
  1. .sprite{background: url(../images/sprite.png) ; background-repeat:no-repeat}
  2. .sprite.footer_logos{ background-position: 0 -212px;  }
  3. .sprite.flag_spain{background-position: 0 0px;}
  4. .sprite.flag_portugues{background-position: 0 -24px;}
  5. .sprite.flag_germany{background-position: 0 -48px;}
  6. .sprite.flag_usa{background-position: 0 -72px;}
__________________
Extension Google Chrome
dar las gracias no cuesta nada :D