Image and text alignment

[Natanael Øigaard Nelson]

Hello everybody!

I am new to the wonderful world of TiddlyWiki, but I'm slowly but surely setting up my notetaking wiki for med school.

I'd like the launching Tiddler to have the same layout as on the wonderful http://tesis.tiddlyspot.com, with the image to the left and the text to the right:




However, when I try to copy the code and make my own Tiddler, I get this:






Does anybody have any idea of how to get the image to the left and the text centered to the right of the image?

[Mat]

maybe you can try @@text-align:center;display:inline-block;

If that doesn't work, I'd put it all in a two cell wide html table and style the borders to not be seen.

<table class="noborders">

<tr>

<td>image</td><td>text</td>

</tr>

</table>

...then define the noborders class.

<:-)

[Birthe C]

I just testet it and got the same result as Alberto if I used his stylesheet "$:/_CSS/image".

The line: image-left { float: left; padding: 0em 5em 10em 0em; }

The image has to float left to make room for the text on the right.


Birthe

[Natanael]

Strange, it still doesn't work for me.

I added the stylesheet:


But still the text doesn't want to sit next to the image:





I've cropped the image so that there are no white borders around it. I wonder what I'm doing wrong here...

[PMario]

Hi,

I did make a small bundle some time ago. It's attached here. You can download it, and drag and drop import it to tiddlywiki.com to play with it.

have fun!
mario

[Natanael]

This worked like a charm! Many thanks!