Hi ,

Use css to change the offset of the background image, this technique can 
be combined with a text replacement (negative text indent in thie case) to 
provide accessible labels. 

A simple example can be seen in the navigation on this page: 
http://www.harmonynaturaltherapies.com/

which all comes from this html with no JS

<ul id="nav">
        <li><a class="home" href="index.html">Home</a></li>
        <li><a class="acupuncture" 
href="acupuncture.html">Acupuncture</a></li>
        <li><a class="massage" href="massage.html">Massage</a></li>
        <li><a class="pamper" href="pamper.html">Pamper</a></li>
        <li><a class="about" href="about.html">About</a></li>
</ul>

the magic comes from the css.
Kind Regards,

Kane Tapping
Web Standards Developer
Web and Content Management Services
Griffith University. 4111. Australia.
[EMAIL PROTECTED]
Phone: +61 (0)7 3735 7630





"Felisimina Jom" <[EMAIL PROTECTED]> 
Sent by: [EMAIL PROTECTED]
25/05/2007 11:44 AM
Please respond to
[email protected]


To
<[email protected]>
cc

Subject
[WSG] Map of Australia Image Map






Hi Everyone
 
We are trying to put together a map of Australia where the states appear 
on hover and are clickable.
 
As I understand it, the hover state can't be used in <area> so I wonder if 
there is a way to display the States on hover without using javascript?
 
Has anybody seen or created way of displaying States on hover using CSS 
only?
 
Thanks in advance for your advice.
 
 
Felisimina
 
 

*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
******************************************************************* 


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to