Page 1 of 1

Image problem

Posted: Fri Nov 04, 2005 8:02 pm
by 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.

Image

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

Re: Image problem

Posted: Fri Nov 04, 2005 9:08 pm
by 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

Posted: Fri Nov 04, 2005 11:24 pm
by loom001
Thanks so much that did the trick. I went with option 2 and added it right to the template.
:D

Posted: Fri Nov 04, 2005 11:26 pm
by loom001
Was wondering if I could add to this code to add a line break <br>?

Code: Select all

.serendipity_entryFooter {
 clear: both;
} 

Posted: Sat Nov 05, 2005 12:52 am
by garvinhicking
Loom, actually you cannot add HTML with CSS. You'll need to insert this <br /> inside your entries.tpl template file!

Regards,
Garvin