Merged: Image floating issue in posts
My question is , all my clients are having the exact same problem when I use this theme.
When we add images and text wrap, the images get on top of each other or lay out in a decending pattern. It is a mess. I am really getting worn out trying to figure this out for people. I have resorted to inserting lines and coloring them white to make the sections stay apart. I have about 8 Wordpress themes I use, (studio press) and this theme is the only one I have this issue with, I love this theme but this is a deal breaker lately for me with clients. It is very time consuming and I don't even know why it keeps happening. A reason and solution would be wonderful. Thanks Please look at this, I need help, images stacking in posts and pages http://askmepc-webdesign.com/wpimageproblem.png I have this with all the Atahualpa themes I use. I need to understand why this happening so I can fix it. Thank you. Also I did not know what thread is correct for this. I did not see a general questions thread. |
What version ao Atahualpa, WP and PHP
What is the URL - point to an example. |
Add
clear:left to the paragraphs or the images, or both, hard to tell from just the image. Example CSS Insert: div.post-bodycopy p { clear:left; } |
the url is judithmarshall.net/writing-tips/
I added that in the insert css section and it still is whack. Please view the url so I can figure this out. It happens to me all the time with this theme. This is vs 3.3 I was using your more recent version 3.4 and I had to go back, since I was running into lots of small issues causing me trouble and when you were on vacation, I was advised to go back to the older version. I am gun shy now, since I don't have time and people obviously don't want to pay me more to redo these sites after I set them up. I use your theme frequently. |
When you create your posts, are you copying from Word and pasting into the posts? The reason I ask is that I'm seeing
HTML Code:
<p class="MsoNormal" style="margin: 11.25pt 52.5pt 11.25pt 0in;"> |
I created a page using straight text from notepad, and I even tested this by just typing in text and adding the images, it still does this. As soon as you add white space and a third image it starts to go all over the page and there is no way to make it behave, we tried working in the html vs. visual and
we stripped out any coding that may interfer and it still does it. I can not be the only person having this problem. I am so baffled. I had another guy who is really good at wordpress work on it with me, and he tried to add page breaks and we worked on it and it still did the same thing. Anyone else have this problem and finding a solution? |
MSO means Microsoft Office and indicates that content was pasted directly from Word or similar software, which should be avoided.
The CSS Insert I suggested doesn't work because the div.post-bodycopy was removed on your site, which would have had a class "clearfix" to avoid the issues you have Use this instead then div.post p { clear:left } or add the class "clearfix" to the div.post, or do both There are also some unnecessary SPAN tags etc., it would be better to clear these posts and build them up again from scratch to get rid of all these MSO and whatever tags |
You can create the post as a table and get it to work, try this
HTML Code:
<table> |
How did I do this? I did not remove anything on purpose. How do I get it back so I can use this "clearfix"
"The CSS Insert I suggested doesn't work because the div.post-bodycopy was removed on your site, which would have had a class "clearfix" to avoid the issues you have" I removed it from my site? I will clear the MSO stuff, but we did try this from straight notepad text and it does the same thing. I even did a version from scatch, typing the text straight into the post and it still did this. That is why I came in here, I am baffled. |
There was one Atahualpa version where the div.post-bodycopy was missing. You must be using that older version then. I suggest that you use a current version of Atahualpa
|
I installed the latest theme, and now nothing will text wrap.
Now the home page is really messed up. ( the aboutme page) Now what to do? Look at my test page. A mess. This was created from notepad, not word. http://judithmarshall.net/?page_id=309 |
the test page gives a 'Not Found'
|
I just clicked it and went straight there.
http://judithmarshall.net/?page_id=309 This layout is what happens as soon as you add more then two images. It is like Wordpress will not allow any white space between images with the text aligned and the next set. I installed raw html and tried disabling WP formatting but it still does it. I still need help. Thanks |
when I click on the link, I still get
HTML Code:
NOT FOUND |
Hi ngb222,
I'm having a similar problem to you - but this is the first theme I've really used and I'm a bit out of my depth. I would also like to know how to easily put multiple images into a page. Looking at your problem page - http://judithmarshall.net/writing-tips/ - I see that it's not fixed yet. Have you gotten it to work with any other website? thanks |
First of all, the Judith Marshall page has the dreaded Word code in it. She probably pasted directly from a Word document. Don't do that in Wordpress! It makes it hard to get the text the way you want it. If I ever do have to paste some Word text, I first remove all the Word formatting by running it through the Tiny MCE Advanced plugin's Word-ugliness remover.
I'm not sure what else might be going wrong, but I don't have this problem with the theme. Might be time to move up to 3.4.4 anyway, though.. |
I just tried something that seems to work for the "stacking images" issue. I put a div around each image/text section with a style of clear:both. An easier way to do this in the html editor is to use the Koumpounophobia plugin. I tested on both FF and IE and it worked fine.
|
Back again with same issue! larry can you tell me where and what exactly to insert.
I added the code to align left but now all my text wrapping was knocked out. http://greatdeals-bargains.com/links/ I created this page in an html doc and dropped it in. I need the exact code to add please. My clients want their images to align left and be able to text wrap. Thank you!! |
Quote:
BTW what version was missing that what is the fix? I am using 3.4 I do not want to update for many reasons this site has been a nightmare already. |
The URL take you to a "Coming Soon" page.
|
Quote:
Sorry about that, take a look now, thanks! (btw, I know there is some mso left in there.) I train my clients how to run their own blogs and they end up with some formatting still but it is not a problem with my other themes. http://greatdeals-bargains.com/links/ |
Are you using the align property as shown in screenshot1 or screenshot2? Using the align property as in screenshot1 always works for me but it looks like you used some other alignment procedure.
|
Larry, I started a test post and am doing it from scratch and it seems to be working.
thanks for pointing that out to me. I had created this in an html program including the images with absolute urls, this usually works fine for me in wordpress, but not with this theme for sure. ( I just use rawhtml plugin all the time.) |
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? |
http://greatdeals-bargains.com/links/
Still not working and I just spent yet another hour redoing this! This is a nightmare, yet again. |
Quote:
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> |
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
|
All times are GMT -6. The time now is 09:38 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.