Hot Stuff
Weekly Contest
FREE AKVIS Sketch!
CreativePro.com Podcast
Don't miss it! Updated every Monday.
FREE Mags for Creative Pros!
Creativity, Website Magazine, and more!
Forums > Web Design
Written by Katherine Sanders on October 4, 2009
I followed this tutorial http://www.creativepro.com/article/view-source-advanced-css-rollovers and went a step further to do the advanced, all images in one file approach however I cannot figure out how to set the "you are here" button state. I've assigned an id to each page's body tag. I can even get the button to reflect the active image as long as I hold down the button but as soon as I release it, it returns to the default state. Any ideas how to fix this?
Thank you.
Katherine, If you add an ID
Katherine,
If you add an ID to the body--a different ID for each section of the site--then you can create a third style for the "you are here" link. For example, if you add the ID "homePage" to the body tag, you could then create a new style like this:
#homePage #navbar #home and then adjust the background image placement settings to reposition the image for the "you are here" graphic to appear. Because this style will only apply when the body of the page has the ID homePage it won't apply to a page in the "services" section which would have a different ID (for example "servicesPage". Hope that helps
--dave mcfarland
#home #