Don't use pixel values, use percentages or keywords:
.spritely {
background: transparent url("bg-icons.png") no-repeat right center;
padding-right: 65px;
min-height: 15px;
}
Hope that helps,
Nate
*Nathan Rutman* ([EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>)
Corporate Communications Designer
*Solvepoint Corporation*
882 South Matlack Street, Suite 110
West Chester, PA 19382
800.388.1850 x1208
484.356.0990 (fax)
www.solvepoint.com <http://www.solvepoint.com>
Drake, Ted C. wrote:
Sometimes, it seems like I can practically code sprite background images in
my sleep. But I have a problem when I want to place a sprite-ed background
image to the right of an object.
For instance, this is the css to place an image to the left of a link's
text.
.spritely {background: url(bg-icons.png) no-repeat -35px -999px;
padding-left:65px; min-height:15px; }
However, we'd like this particular link to have the background image on the
right side of the text. As far as I know, the first number: -35, is for the
left position. How would I say sit on the right side? If I pull the image
out of the sprite, I could say ... no-repeat right top;...
At the same time, what if I wanted something to sit at the bottom of a div
or fieldset and it was in a sprite? Any suggestions?
Ted
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************