Image problem

[loom001]

Can anyone tell me why this is happening. When I add an image to a post My images mess up the post below it. I am playing with this to see if I want to swap out my wordpress install to Serendipity.



Any help would be great.

By the way I have only been using Serendipity for 2 days so my knowledge is very minimal to say the least.

http://seren.thegeekxp.com

[garvinhicking]

The problem you are experiencing is a float problem. To align an image with text to the left, it needs to be floated. If there is no element longer than the image, it might overlap, but that depends on the Entry.

You have two easy ways to fix this:

1. Insert a

Code: Select all

<br style="clear: both" />

at the bottom of your entries.

2. Or you modify the style.css of your template and insert this:

Code: Select all

.serendipity_entryFooter {
 clear: both;
}

3. Or you insert more text after the image ))

I hope that helps - your template already looks very nice! I hope you'll enjoy Serendipity, and please tell us if you have problems or suggestions to make. BTW, you should have a look at your plugin configuration, it seems you have installed the browsercompatibilities plugina couple of times! That can happen if you install serendipity multiple times into the same database without emptying the database when re-installing.

Regards,
Garvin

[loom001]

Thanks so much that did the trick. I went with option 2 and added it right to the template.

[loom001]

Was wondering if I could add to this code to add a line break <br>?

Code: Select all

.serendipity_entryFooter {
 clear: both;
} 

[garvinhicking]

Loom, actually you cannot add HTML with CSS. You'll need to insert this <br /> inside your entries.tpl template file!

Regards,
Garvin