Ted,
Is text involved at all in this link? If so, I would suggest using 100%
and adding transparent pixels to the right of the image to "bump" it
away from anything on that side. Remember, text sizes can change with
browser/user preferences, so if you assign a background to be 999px from
the left, if the font is scaled it will overlay the background image.
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:
Hi lea
Thanks, I hadn't tried the 100% before. I remember seeing it ages ago. It's
a large sprite and I like to leave plenty of white space between icons to
avoid a stray icon showing up where it shouldn't. Hopefully, I can mix 100%
with a pixel measurement to go down 999px.
Ted
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Lea de Groot
Sent: Monday, July 11, 2005 2:24 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] sprites to the right of me
On Mon, 11 Jul 2005 14:11:39 -0700, Drake, Ted C. wrote:
.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;...
If you use padding-right you will leave a gap on the right hand side
for the image to sit in.
If you use background-position of 100% (x-axis) it should push the
image all the way to the right. ie rather than -35px -999px, use 100%
something.
(Not sure #2 is 100% correct as I am answering quickly, but it should
give you a pointer on what to experiment with)
See: http://www.w3schools.com/css/pr_background-position.asp
HIH!
Lea
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
