WordPress.org

1. voodazz
   Member
   Posted 3 weeks ago #

   Hey I'm having a major issue with image posting.
   Seems like every time I post a picture with a post, it completely messes up the rest of the page as seen here:

   I've been staring at this for what seems like hours and I can't figure out what the problem is. Usually when I encounter problems like these, it ends up being something incredibly simple. I just need a fresh new pair of eyes to spot that problem. :)

   Many thanks and appreciation in advance for any and all help!

2. Shane G
   Member
   Posted 3 weeks ago #

   Hi,

   Check with this options:

   -> Disable all the plugins
   -> Upgrade your wordpress version
   -> Add this code in htaccess:

   <IfModule mod_security.c>
   SecFilterEngine Off
   SecFilterScanPOST Off
   </IfModule>

   Thanks,

   Shane G.

3. iridiax
   Member
   Posted 3 weeks ago #

   The floated css item overlap appears to be a theme design error. One possible solution is to put this in your theme files so that it appears at the end of each post:

   <br style="clear: both" /><!-- stops floated image overlap -->

4. voodazz
   Member
   Posted 3 weeks ago #

   iridiax: what do you my theme files? Do you mean all of them and where would I put it? Sorry, I'm not quite clear on what you mean by that.

   I looked at the css and I noticed a errant bracket that I deleted in the img class and added a clear:both.

   The pic shows up fine at first, but when I try to align it in any other way, that's when it falls apart.

   Thanks again for the help! :)

5. iridiax
   Member
   Posted 3 weeks ago #

   iridiax: what do you my theme files?

   Your theme's index.php and any other theme files that show the problem. You'll put the clearing br in the Loop:

   http://codex.wordpress.org/The_Loop

   The pic shows up fine at first, but when I try to align it in any other way, that's when it falls apart.

   When you align images left (.alignleft) or right (.alignright), your images are floated (float: left; or float: right;) and these floats are not clearing, causing the containing div to collapse (not expand to enclose the floated items).

   For info on how to fix this with css, try a Google search for: how to clear float css

6. voodazz
   Member
   Posted 3 weeks ago #

   I do know how to clear floats, but I've never done it inside a Loop.

   I tried the <br style="clear: both" />, but it didn't work so I used <div style="clear: both;" ></div> inside the "entry" container and that worked like a charm!

   Thank you so much for pointing me in the right direction! :)

Reply

You must log in to post.