At 8:21 PM +1000 6/6/09, Joe Bland home wrote: >I am developing a site, the development link is here... >http://u.univers.net.au/johnking >I need the three large dots second, third and forth from the left on >the top row to act like a hover menu. When you hover over them, the >grid of dots changes, and text appears at the bottom of the grid.
Joe: Your solution looks complicated to me. I would use a simple image replacement technique as shown here: http://webbytedd.com/bb/replace-image1/ That will work to solve your problem. The css is there for you to review. This technique is pure css and no javascript is used. You might also investigate tool tips via the title attribute. That might be of service to you. The rollover can become more complicated as shown here: http://webbytedd.com/bbb/map/ Note that not only do you see an image replacement, but text appears. This demo is also pure css. As I said in the demo: This is simply a replacement image technique. It works for all modern browser. IE6 has problems with this demo simply because there are too many items for IE6 to manage. If the map contained less than five states, then this technique would work in IE6 (believe it or not). Cheers, tedd -- ------- http://sperling.com http://ancientstones.com http://earthstones.com ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] 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/
