Alternatively, how about inlining your SVG? Then you can add links to it directly with <a xlink:href= ...>. If the SVG is too verbose to paste into the HTML object, you might be able to add it to the page as an image which gets turned into inline as part of its onLoad event. Iconfu's svg-inject might help with this (I've not tested it though).
@Simon
This is what I curently have, and it appears to work.
I added the svg file to the Baggage.
The TitlePage template in the skin only contains a background colour for the body and a margin=0px.
The topic page is without a header and only contains the two HTML code objects.
I tested an a.centerimage: hover section to change the background-color of the image but that didn't take -- is there a neat way to create a mouseover effect for this in CHM output?
John Johann wrote:is there a neat way to create a mouseover effect for this in CHM output?
You'd like an svg image that (i) receives mouseover messages and (ii) is styled differently for hover?
I think your problem is that when you use <object> there's a boundary between the html page document and the svg object document, and the styling stops at the boundary. I've heard of three ways to get around that, assuming all the resources are hosted on the same domain:
Use inline svg. The svg document is merged into the HTML document, so they share the same style. Explanation on CSS-tricks here. Another example here. As I mentioned before, you can inline an external file using svg-inject.
In advance, add a hover style to the svg file you're referencing with <object>. You can do this by editing the svg to add a style directly, or by referencing an external stylesheet (e.g. <?xml-stylesheet type="text/css" href="myproject.css"?>), which can be the same as your main stylesheet if you like. Explanation on CSS-tricks here.
When the <object> is loaded, add javascript that modifies the svg document to add a stylesheet reference. There's a write-up on stack overflow here.
Got this to work with a few minor adjustments to my svg (link to css and an overlay rectangle linking to the topic) plus a css for said rectangle in the baggage.