It's done with a combination of background colours and part-transparent images. You can probably find the script - or something like it - on cssplay.co.uk
Val 2009/7/29 Chris Blake <[email protected]>: > > Hi, > > I have been stuck on creating a menu like the one you can see here: > > http://www1.aston.ac.uk/study/ > > As you can see, their menu items have diagonal lines separating them. > Although they are not using a colour change for rollover states they > are there for active states. I have been racking my head as to how > this is achieved, and whether I could get this to work on a rollover > state too. Firebug said something to do with scrolling CSS? > > A long time ago, when I had very little experience in web (well, less > than I do now!) I was asked to draw a map and create hotspots for areas. > http://spanishgolftrips.co.uk/golfcourses.html > (Note: I had nothing to with this website except for graphics and > these hot spot thingys). > Could hotspots be a solution? Can you have background colours for > hotspots? Is the code compliant? > > Our only other alternative is to be build it into flash or do away > with the rollover and active states all together, and seeing that this > being built into a CMS it kind of ruins the idea of the user being > able to add their own menu items. > > Thanks, Chris > ______________________________________________________________________ > 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/ > -- ---------------------------- www.oakleafcircle.org.uk www.valdobson.co.uk www.astrodiary.co.uk ______________________________________________________________________ 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/
