Hi Kevin,
Yes, either apply the class to the li or the anchor.
If applying to the anchor make it display: block; so you can then set the
height and width to match the image.
<ul id="nav">
<li><a class="img1">Link Text</a></li>
<li><a class="img2">Link Text</a></li>
</ul>
#nav a { display: block; height: 10px; width: 10px; }
#nav a.img1 { background: url(images/img1.gif) no-repeat; }
#nav a.img2 { background: url(images/img2.gif) no-repeat; }
Hope this helps!
Darren Lovelock
Munky Online Web Design
http://www.munkyonline.co.uk
T: +44 (0)20-8816-8893
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of kevin mcmonagle
Sent: 11 July 2008 12:17
To: wsg@webstandardsgroup.org
Subject: Re: SPAM-LOW: Re: [WSG] list links
Hi,
Is it possible to target specific classes in a list to apply different
background image to the different links in a list nav?
tried everything i could think of but cant get it to work.
something like:
#navlist li .furniture a
or applying the different images to the anchors instead of the lis?
tried but no use...
-best
kevin
Prisca schmarsow wrote:
> Kevin,
>
> have a look at this sample page here:
> http://graphiceyedea.info/experiments/css/ul_sprite_rollovers/
> Check out the image used for rollover (as it includes both rollover
> states, you could have more, of course) - and view the CSS for more info.
>
> Hope this helps :)
> Prisca
>
Thanks Prisca, i will use that.
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
