So I have one <div> now with just a background image. I have to create three other <divs> ? And each one being a :hover and a :active?
Alan K Baker wrote: > Probably because you need to set the nav up as a <UL> > > and declare #menu li a > #menu li a:hover > #menu li a:active > > Take a look at www.virtualtheatreorgans.com > All of the nav tabs are inline rollovers using a combined 3 image .jpg > CSS is at: www.virtualtheatreorgans.com/scripts/stylesheet.css > > Regards, > > Alan. > > www.theatreorgans.co.uk > www.virtualtheatreorgans.com > Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups > Shopsmith 520 + bits > Flatulus Antiquitus > > > ----- Original Message ----- > From: Christopher > To: [email protected] > Sent: Friday, June 20, 2008 12:22 PM > Subject: [css-d] CSS Roll Over Problem Help > > > Hi, I have my <div> called navigation then I have navigation:hover but > this does not work ? I know I'm missing a step could it be a link cause > the graphic needs to be one big graphic BUT specific areas on the > graphic will have links to other pages NOT the whole graphic: > > #menu a { > background: url("button.gif") 0 0 no-repeat; > ... > } > #menu a:hover { > background-position: -157px 0; > ... > } > #menu a:active { > background-position: -314px 0; > ... > } > > ...with all 3 states in one big graphic. > > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
