Member Avatar for nikk8a

Hi,

I am trying to use an image sprite for icon in my button. Following is my css class for the same. The problem I am facing is that it seems to be pulling even the neighbouring image (which might be due to bigger text on the button)
Is there any way to handle this?

.sprite-reset {
    background: url(../images/composite_image.gif) no-repeat !important;    
    padding: 0px 0px 0px 19px !important;
    background-position: 0 -465px !important; width: 50px ; height: 16px;
}

Attaching the button screenshot herewith.

Thanks in advance!

reset_address.JPG 1.83 KB
Edited by nikk8a
  • 2 Contributors
  • 3 Replies
  • 196 Views
  • 4 Days Discussion Span
  • Latest Post Latest Post by nikk8a
Member Avatar for EvolutionFallen

Why not rearrange your sprite so the red X image is far enough below the green arrow so that you don't see it?

Member Avatar for nikk8a

Hi EvolutionFallen,

Thanks for your reply.

Rearranging would impact many other places which are already using other images from this same sprite.
Hence, that would not be a feasible option here.

Member Avatar for nikk8a

Any idea anyone please?
Thanks for the help.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.