I’m making a pretty image-heavy tiddlywiki. Sometimes breaking a paragraph to add an image does not look great. Is it possible to set up text wrapping around an image as you would see in a program like Word?
This is an example. I usually define a few classes to manage content. This example floats the image right of the text…
[img width=30% class="imageright" [myimage.jpg]Put your text here.
In a StyleSheet tiddler define…
.imageright {
float:right;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
When floating an image right, I want padding left, top, and bottom of the image so the text is not directly up against the image.
Want more… google “html css embed images”.
Hope this helps.
Instead of posting here, I did create a little howto with an attachment you can drag & drop import to tiddlywiki-com as a demo.
Here’s the: Floating Images HowTo
have fun!
Mario