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] *******************************************************************