I hadn't appreciated how very simple this was, if one changes the  
structure slightly...
which is little enough to ask, to remain accessible to those with  
javascript disabled or not available.

cheers

Jonathan Chetwynd


<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG
1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd";>
<svg xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink";
width="100%" height="100%"
viewBox="0 0 450 250"
 >
<defs>

<style type="text/css" id="css"><![CDATA[
.BG {fill:green}
.icon {fill:blue}

.BG:hover {fill:yellow}
.icon:hover {fill:#f00}

.BG:focus {fill:yellow}
.icon:focus {fill:#f00}

]]></style>

</defs>

<g class="BG"  >
<rect x="50" y="50" width="50" height="50" />
<g class="icon">
<rect x="65" y="75" width="10" height="10" />
</g>
</g>

<g class="BG"  >
<rect x="100" y="50" width="50" height="50" />
<g class="icon">
<rect x="125" y="75" width="10" height="10" />
</g>
</g>

<g >
<rect x="150" y="50" width="50" height="50" class="BG"  />
<rect x="50" y="100" width="50" height="50" class="BG"  />
<rect x="100" y="100" width="50" height="50" class="BG"  />
<rect x="150" y="100" width="50" height="50" class="BG"  />
</g>


</svg>


-----
To unsubscribe send a message to: [EMAIL PROTECTED]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my 
membership"
---- 
Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/svg-developers/

<*> Your email settings:
    Individual Email | Traditional

<*> To change settings online go to:
    http://groups.yahoo.com/group/svg-developers/join
    (Yahoo! ID required)

<*> To change settings via email:
    mailto:[EMAIL PROTECTED] 
    mailto:[EMAIL PROTECTED]

<*> To unsubscribe from this group, send an email to:
    [EMAIL PROTECTED]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/
 

Reply via email to