Image overlapping problems in pages

it is (unfortunately) quite common for some themes to have problems with stacked images, alignment with text beside images, posts where the image is taller than the text on the side, etc.

as a first step, check your style.css if it contains styles for img.alignleft, img.alignright, img.alignnone

if not, open the style.css from the default theme and copy these styles from there.

with css and alignment issues, it is best to work with your live site, so a link to your blog would help.

Thanks! I shall check for those although I believe they are there. If not I shall add them.

I just edited my original post with a link to one of the pages that’s having that problem. If I need to post more than that I shall. Let me know and thanks for the quick response!

Here is the CSS code from the theme. It looks pretty standard to me although I’m not the best at CSS.

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

i had a look at your example page; and apart from the misalignments, most images are not found.
how do you include the images into your posts?

did you copy/paste your post from some other source?

one of the captions had a div .mceTemp which i rememmer from other threads is caused by some ‘mistakes’ by the wordpress editor when including/uploading the images.
some others had image styles (such as align=”left”) which you don’t get with the latest wordpress.

also, interestingly and unausual some/most of your paragraphs in your posts are wrapped into a div.

and your site looks diffenrent in IE7 than in Firefox 3.5.7

i personally would try and tidy the whole article/page – maybe try and remove the formattiing first, and then reformat it in the wordpress editor, and re-upload the images.

Alchymyth,

Thanks for taking a look.

That is very odd. The images are already on the server and have been for over a year. I’ll have to go back and check the links to see why the images are not showing up. In most cases I’ve been using absolute links so I’m not sure why they aren’t showing. They should show up no matter what.

I have copied the text from another webpage so maybe I’m picking up some random formatting code from the old site. It would be odd but I suppose its possible. Copying all the text into notepad and saving it would be annoying but doable and if that’s what I need to do to strip out the old code I will.

I’ll give it a try and re post when I’m done.

Okay. Took text out and put into notepad & saved as simple .txt file. Re-uploaded all the files, using WP, since I couldn’t get WP to find my image directory. Redid first Sunday page, here. Looks all clean & spiffy.

Started to get the overlap problem again, mce temp started showing in visual view but not HTML, so I made another page add the text in and started adding the newly uploaded files and I have the SAME issue I had with the first page! See Problem child here.

So what gives? It almost sounds like some kind of weird caching error in WP that after a certain number, apparently 4 in my case, of image attachments the editor goes barmy even when a new page is started.

Any ideas?

Thanks,Beq

Edited for typo.