WordPress.org

1. rosemckay
   Member
   Posted 2 years ago #

   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?

2. mercuryfenix
   Member
   Posted 2 years ago #

   you might have the "clear" css property on your images

3. rosemckay
   Member
   Posted 2 years ago #

   how can I check to see?

4. mercuryfenix
   Member
   Posted 2 years ago #

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

5. rosemckay
   Member
   Posted 2 years ago #

   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?

6. rosemckay
   Member
   Posted 2 years ago #

   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;
   }

7. rosemckay
   Member
   Posted 2 years ago #

   Okay what seems to work is to add:

   overflow: hidden;

   ...to the containing div.

Topic Closed

This topic has been closed to new replies.