Image overlapping problems in pages

  • Beq

    (@beq)


    16 years, 3 months ago

    I’m creating new pages for my blog and am adding a number of small images, usually less than 400 x 400, into them and having a heck of a time with the formatting.

    I’ve wound up with images over lapping despite my attempts to split them up with text underneath. The text wraps whether I want it to or not. It doesn’t seem to matter what image placement I specify, left, center, right, I still have overlapping issues.

    So where do I go looking for the code that’s giving me fits, the CSS file, the page.php file? Something in the theme files? I’m using the theme -Inferno-mf 1.2 by Mike Fifield. And I’m using WP 2.9.2 according to my Dashboard.

    Has anyone else seen this problem? And how would I go about fixing it?
    In the interests of having folks see what the problem is here a link to one of the ‘problem child’ pages – Fix me. Scroll down about halfway down the page to see three images plopped on top of one another. All should have captions.

    Thanks,

    Beq

    Edited for addition of link.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Michael

    (@alchymyth)

    16 years, 3 months ago

    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.

    Thread Starter Beq

    (@beq)

    16 years, 3 months ago

    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!

    Thread Starter Beq

    (@beq)

    16 years, 3 months ago

    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
    }

    Michael

    (@alchymyth)

    16 years, 3 months ago

    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.

    Thread Starter Beq

    (@beq)

    16 years, 3 months ago

    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.

    Thread Starter Beq

    (@beq)

    16 years, 3 months ago

    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.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Image overlapping problems in pages’ is closed to new replies.