I tried this:
<div id="bodymap">
<figcaption>
bla bla bla</figcaption>
<a href="#headTiddler" id="head"></a>
<$button class="neck" tooltip="hello"></button>
<a href="http://www.google.com/"; id="hiker3"></a>
</div>
and this in the CSS:
#bodymap button {
display: transparent;
border: 1px solid #FF2;
position: absolute;
}
a#head { width: 50px; height: 50px; left: 82px; top: 25px; }
button.neck { width: 40px; height: 40px; left: 86px; top: 65px; }
and it made a button in the right spot, but with "</button></div>" spilling
out of it downwards. Also it blocks the image beneath it (bad) but
surprisingly it goes transparent when you hover over it. I'd like it to do
that in reverse (be clear unless hovered over), or at least just be clear
all the time. (see image)
Any suggestions? (In case it isn't clear, I don't have any training in this)
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/233dae5c-82ca-422d-915f-6c7f83b2fd34%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
