Wordpress Themes - WP Forum at BFA - Text and Images will not line up in posts/pages, all over the place.

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Forum How-To (http://forum.bytesforall.com/forumdisplay.php?f=9)

- - Text and Images will not line up in posts/pages, all over the place. (http://forum.bytesforall.com/showthread.php?t=3145)

Quote:

Originally Posted by lmilesw (Post 32933)

I'm not sure what you mean by this is an ongoing problem with this theme. I just went into a post, added two images with text after each and then floated the images to the left with no problem and no stair stepping.

Could you post the html for a problem page here or send as a PM so I can take a look?

It seems to happen after adding the 3rd image, try it.
once again I have a test post and link page
http://greatdeals-bargains.com/links/
http://greatdeals-bargains.com/2010/05/test/

I wanted to see if it was effected by being a page vs a post. Alas no.

I just tried with three images and no problem. One thing you have to remember though is the image has to have a height that is less than the text otherwise you can get the stair step issue. The only way around that is using CSS. If you put the following between each image/text group you shouldn't get the stair step problem.

HTML Code:

<div style="clear: both; font-size: 0px; height: 0px;">Clear</div>

Anyone? Help. I need to figure this out and I have tried everything.
I added the ccs insert, I tried an html page, I redid the entire page and added the images back in.
The page is a mess. After the 3 image the formatting does not work.
align left , text wrap, with a little padding, (horizontal).
I started this thread in 2009, and I still have the same problem.
http://greatdeals-bargains.com/links/

My other clients resorted to never adding more then 2 images per post or adding
--------
lines under each image and coloring them white.!
Talk about hacking up a post.

Did you try my last suggestion? Could you post the HTML for one of the problem posts?

Help, anyone. Larry once you add the third or fourth image it whacks out.
I have tried everything. You try it and see.
Any other suggestions?
Please...

Below is the HTML right out of the HTML editor in WordPress of a post I just created on my test site with four images.

HTML Code:

<a href="http://www.cnybiz.com/568/wqa-seal/" rel="attachment wp-att-567"><img src="http://www.cnybiz.com/wp-content/uploads/2010/05/WQA-Seal.png" alt="" title="WQA-Seal" width="65" height="65" class="alignleft size-full wp-image-567" /></a>

Here is some text

<div style="clear: both; font-size: 0px; height: 0px;">Clear</div>

<a href="http://www.cnybiz.com/568/ul_logo/" rel="attachment wp-att-566"><img src="http://www.cnybiz.com/wp-content/uploads/2010/05/ul_logo.jpg" alt="" title="ul_logo" width="300" height="300" class="alignleft size-full wp-image-566" /></a>

Here is text for the second image

<div style="clear: both; font-size: 0px; height: 0px;">Clear</div>

<a href="http://www.cnybiz.com/568/sa_logo/" rel="attachment wp-att-565"><img src="http://www.cnybiz.com/wp-content/uploads/2010/05/sa_logo.jpg" alt="" title="sa_logo" width="104" height="105" class="alignleft size-full wp-image-565" /></a>

Third image text

<div style="clear: both; font-size: 0px; height: 0px;">Clear</div>

<a href="http://www.cnybiz.com/568/nsf_logo/" rel="attachment wp-att-563"><img src="http://www.cnybiz.com/wp-content/uploads/2010/05/nsf_logo-297x300.png" alt="" title="nsf_logo" width="297" height="300" class="alignleft size-medium wp-image-563" /></a>

Fourth image text

<div style="clear: both; font-size: 0px; height: 0px;">Clear</div>

Hi. I am having the same photo stacking problem. All the images and text look totally fine when I am editing the page, but when I preview it, the images toward the bottom of the page just sort of go wherever they want. I have tried to "align left" everything on the page and add spaces, etc. The images just go where they want to. Do you have a suggestion for a better way to align the pictures?

http://www.home-farm.org/species-index/

I have ATA 3.7.11 and I can't tell what version of WP I have, all it says is 'update to WP 3.6.1'

Please and Thank You.

Have you tried using a wordpress gallery?
and if ou are doing thins in the visual editor you are adding lots of <p> </p> into the code that could be causing issues.

You should upgrade to both WP 3.6.1 and Atahualpa 3.7.12 (very stable) and invesitgate wordpress galleries (edit a post, select add media and then 'create gallery'

Ok great! I am reading about galleries now. Thanks. If I upgrade to 3.7.11, will all my settings and images remain?

When you upgrade to 3.7.12 - yes your settings will remain