Jonathan, Just to make sure it's not me who's missing something I tested the examples and I must insist that what Rainer needs cannot be done with css. This is Rainer's structure; while rect "G1" is in group "BA" its css class will NOT be sensitive to events in group "IR":
//FIRST LAYER (POLYGONES) <g id="BA" fill="green"> <rect x="50" y="50" width="50" height="50" id="G1" class="icon"/> <rect x="100" y="50" width="50" height="50" id="G2" /> <rect x="150" y="50" width="50" height="50" id="G3" /> <rect x="50" y="100" width="50" height="50" id="G4" /> <rect x="100" y="100" width="50" height="50" id="G5" /> <rect x="150" y="100" width="50" height="50" id="G6" /> </g> SECOND LAYER (SYMBOLS) <a> <g id="IR" fill="blue"> <rect x="65" y="75" width="10" height="10" id="B1" class="border"/> <rect x="125" y="75" width="10" height="10" id="B2"/> </g> </a> In order for that to happen like in your examples, rect "G1" must be in group "IR", like this: //FIRST LAYER (POLYGONES) <g id="BA" fill="green"> <rect x="100" y="50" width="50" height="50" id="G2" /> <rect x="150" y="50" width="50" height="50" id="G3" /> <rect x="50" y="100" width="50" height="50" id="G4" /> <rect x="100" y="100" width="50" height="50" id="G5" /> <rect x="150" y="100" width="50" height="50" id="G6" /> </g> SECOND LAYER (SYMBOLS) <a> <g id="IR" fill="blue"> <rect x="50" y="50" width="50" height="50" id="G1" fill="green" class="icon"/> <rect x="65" y="75" width="10" height="10" id="B1" class="border"/> <rect x="125" y="75" width="10" height="10" id="B2"/> </g> </a> But... besides the fact that this alters the structure, totally shifting away from what Rainer is doing, it also causes an unwanted parasite effect. Hey, didn't we already spent too much time on this? :) Cheers Domenico --- In [email protected], "~:'' ãããã¨ãã"ããã¾ããã" <[EMAIL PROTECTED]> wrote: > > Domenico, > > Jonathan Watts work is known to me, as is he, himself. > to paraphrase: > "the style attribute should be avoided unless you need to override > properties set by a CSS selector," > which appears to be exactly what Rainer intends. > Unless I've misunderstood... > similarly the "layer" issue is a red herring. > > Please supply a further code sample to substantiate your concerns, as > the one Rainer supplied is incomplete. > > cheers > > Jonathan Chetwynd > > > > On 12 May 2007, at 00:46, Domenico Strazzullo wrote: > > --- In [email protected], "~:'' > ãÂâãâŠãÂÅ'ã¨ãÂâ ãÂ"ãÂâ"ãÂâã¾ãÂâ" > ãŸãâ¬â" <j.chetwynd@> wrote: > > > > Rainer & Domenico, > > > > Please spend a little more effort to investigate CSS, see file > attached > > > > Jonathan, > > Rainer said: > > > I hope there might be a solution without changing > > the groupings of the elements. > > The css solution IS NOT possible under those circumstances, i.e. as > long as the element to highlight is in another layer. It would be > possible by swapping classes through scripting but it would be a > tedious solution anyway. Besides, Rainer wishes to follow Mr Watts' > recommendations in regard to css and he's very much right in doing so. > > Domenico > > PS: The file at http://www.peepo.co.uk, which I've known for ages, > contains illegal characters in declared utf-8; by using iso-8859-1 it > won't be necessary to code them. Your systemLanguage solution is cool. > > > http://www.peepo.co.uk might help you a little more.... > > > > regards > > > > Jonathan Chetwynd > > > > <?xml version="1.0" encoding="utf-8" standalone="no"?> > > <!DOCTYPE svg [ > > <!ENTITY guis "http://www.peepo.co.uk/temp/gui-schema#";> > > ]> > > <svg xmlns="http://www.w3.org/2000/svg"; > > xmlns:xlink="http://www.w3.org/1999/xlink"; > > width="100%" height="100%" > > > > > <defs> > > > > <style type="text/css" id="css"><![CDATA[ > > text {font-family: comic-sans; fill: #666; font-size: 5.0em; > > visibility: hidden} > > > > .border {visibility: hidden; fill: #fff} > > a:focus .border {visibility: visible} > > a:focus .icon {fill: #0f0} > > > > a:hover .border { visibility: visible} > > a:hover .icon {fill: #0f0} > > > > ]]></style> > > > > <symbol id="splat" viewBox=""> > > <path d="M 30 20 Q S S S > > S S S S 0 5 30 > > 20" /> > > </symbol> > > </defs> > > <g> > > <rect x="0" y="0" width="100%" height="100%" fill="#cca" > > stroke="none" id="menuBG" /> > > <g ><title>splat</title> > > <a xlink:href="http://www.peepo.co.uk/launch/splat.svg";> > > <use xlink:href="#splat" x="-1.5%" y="23.5%" width="23%" height="33%" > > class="border" fill="#fff"/> > > <use xlink:href="#splat" x="0%" y="25%" width="20%" height="30%" > > fill="red" class="icon" /> > > </a> > > </g> > > </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/
![http://www.peepo.co.uk/launch/splat.svg"](http://www.peepo.co.uk/launch/splat.svg"){kind=link}