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 On Thu, Jul 10, 2008 at 7:08 PM, kevin mcmonagle <[EMAIL PROTECTED]> wrote: > > >> Sorry Kevin, I meant to say that the <a> *inside* the <li> should be set >> to display: block. list items are block level by default. >> >> >> >> >> no problem thanks for the help. > > > > > Theres another issue with this nav bar. There are 3 primary links that have > images - the rest are just text. Ive used an id to include the background > image. > Is it possible to put hover states on these images as well? > there allready is a hover state on the plain li a's and i cant get it > working.... > > best > -kevin > > > http://pattersons.s34978.gridserver.com/indexnew.html > > > > > > #navlist li a > { .... > } > > #navlist li a:link { > color: #EFEFEF; > > } > > #navlist li a:visited > { > color: #EFEFEF; > } > > #navlist li a:hover > { > background: none; > color: #3399FF; > } > > #kitchens a{ > background-image: url(../images/sink.png); > ..... > } > > #kitchens li a:hover{ > background-image: url(../images/sinkover.png); > > } > > > > ******************************************************************* > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > ******************************************************************* > > -- • graphiceyedea.co.uk • eyedea.eu • eyelearn.org • -- ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
