Images pushed down

  • Perhaps this is a css question, but when I use img scr to place an image in a post it will not display at the top of the post even though that’s where i put the code for it. The image strangely bumps down to be lower in the paragraph. Has anyone else seen something like this?

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

  • you might have the “clear” css property on your images

    Thread Starter rosemckay

    (@rosemckay)

    how can I check to see?

    Inspect the element with a browser extension like Firebug for Firefox or Safari’s built in Web Inspector.

    Thread Starter rosemckay

    (@rosemckay)

    seems to be inside a div like this:

    <div id="post-44" class="page hentry category-uncategorized">

    i’ve searched for this in the whole wp folder and can’t find it. it must be coming from somewhere, but where? then, the firefox plug in only says that it’s inheriting from the body properties, which don’t have a clear attribute.

    thanks, for the help. any ideas?

    Thread Starter rosemckay

    (@rosemckay)

    i think you’re right, it is clearing a float. it’s in the right div column and moving below the left div column but i can’t figure out for the life of me why! there’s no “clear” property assigned to it, and there is a “clearfix” class applied to the right div (where the image is) and the left div so that the right div doesn’t clear the left one and they sit side-by-side. not sure if this helps but the css for the clearfix is 

    .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
    Thread Starter rosemckay

    (@rosemckay)

    Okay what seems to work is to add:

    overflow: hidden;

    …to the containing div.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Images pushed down’ is closed to new replies.