> I don't think you really need to create a custom formatter for that.
> All you need to do is to wrap the text paragraphs preceding the image
> within a CSS class that applies 'position:absolute' (not
> 'position:relative', as you had suggested).
>
> There are two ways in TiddlyWiki to do this very easily:
>
> 1) inline CSS, using this syntax:
> @@attribute:value;attribute:value;...content...@@
>
> Thus, write in your tiddler:
> @@position:absolute;
> ... your text content goes here...
> @@[img[filename.jpg]]
>
> 2) custom CSS class wrapper, using this syntax:
> {{classname{...content...}}}
>
> Thus, add to your [[StyleSheet]] (see more>shadowed tab in sidebar):
> .absolute { position:absolute; }
> and write in your tiddler:
> {{absolute{
> ... your text content goes here...
> }}}[img[filename.jpg]]
Thanks for your suggestions!
I still semm to have two (minor?) issues with it:
First, I want the layer to be positioned relative to the image. I
think to do that, the paragraph and the image both need to be child
nodes of the same div, which then takes on the bounds of the image:
<div style="position:relative">
<p style="position:absolute;top:20%;left:20%;width:30%;">...text...</
p>
<img src="myimage.jpg"/>
</div>
Right now, I am seem to be missing the containing div. At least, if I
use absolute positioning on the paragraph, it appears on top of the
page. That's why I can only work with relative positioning now.
Second, the position will have to be different for each image, so
there's quite a lot of css code to be written every time. The wiki is
intended for people who are even less familiar with html/css than I.
That's why I'd like to make things more comfortable. Is it possible to
use a custom css wrapper, and then add additional inline css for the
exact positioning?
Regards!
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"TiddlyWikiDev" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/TiddlyWikiDev?hl=en
-~----------~----~----~----~------~----~------~--~---
