Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/01/2011, 13:59
Avatar de ArturoGallegos
ArturoGallegos
Colaborador
 
Fecha de Ingreso: febrero-2008
Ubicación: Michoacán, México
Mensajes: 4.288
Antigüedad: 6 años, 6 meses
Puntos: 701
Pregunta mover solo eje (y) y conservar (x) con bacground-position

buen dia compañeros del foro,

estoy desarrollando un menú donde utilizo sprits para la imagen de background... mi problema surge al necesitarlo totalmente css y no poder usar java o algún lenguaje

veran tengo las siguientes clases...

Código CSS:
Ver original
  1. .item0{display:block;width:110px;height:79px;overflow:hidden;background:url(Menu.jpg) no-repeat -111px 0;}
  2. .item0:hover{background-position: -111px -79px;}
  3.  
  4. .item1{display:block;width:110px;height:79px;overflow:hidden;background:url(Menu.jpg) no-repeat -222px 0;}
  5. .item1:hover{background-position: -222px -79px;}
  6.  
  7. .item2{display:block;width:110px;height:79px;overflow:hidden;background:url(Menu.jpg) no-repeat -333px 0;}
  8. .item2:hover{background-position: -333px -79px;}

hasta aquí todo perfecto, en el hover muevo la imagen con background position, y al seleccionar un elemento le agrego class="activo" quedando por decir <li class="item1 activo"> y es aquí donde entra el problema... necesito que la clase activo mueva la imagen de fondo solo en el eje (y) conservando el eje (x) ya declarado en item(n)

alguien sabrá como puedo hacerlo? o necesariamente tendré que crear una clase distinta para cada elemento como activo1, activo2... etc?

Gracias!!!
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados ni ningún otro medio....