Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » Forum Usage » Forum How-To »

Text and Images will not line up in posts/pages, all over the place.


  #1  
Old Aug 25, 2009, 11:37 PM
ngb222
 
28 posts · Jun 2009
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.

Last edited by Flynn; Aug 27, 2009 at 10:18 PM. Reason: Merged: Same question, two threads
  #2  
Old Aug 26, 2009, 08:06 PM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
What version ao Atahualpa, WP and PHP
What is the URL - point to an example.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Aug 27, 2009, 10:20 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
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;
}
  #4  
Old Aug 28, 2009, 11:18 AM
ngb222
 
28 posts · Jun 2009
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.

Last edited by ngb222; Aug 28, 2009 at 11:31 AM.
  #5  
Old Aug 28, 2009, 11:58 AM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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;">
in the source and that is typically what you get doing a copy and paste from Word and that can cause all kinds of 'issues'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Aug 28, 2009, 07:08 PM
ngb222
 
28 posts · Jun 2009
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?
  #7  
Old Aug 28, 2009, 08:53 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
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
  #8  
Old Aug 29, 2009, 08:30 AM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You can create the post as a table and get it to work, try this
HTML Code:
<table>
<tr>Writing Tips – The Heart and Craft of Writing Fiction
</tr>
<tr><td>
<img class="alignleft size-full wp-image-236" title="tip1" src="http://judithmarshall.net/wp-content/uploads/2009/08/tip13.png" alt="tip1" width="124" height="121" />
</td>
<td>
Where to start? Some people prefer to begin by sketching out a plot line, perhaps using something like, “The Writer’s Journey,” by Christopher Vogler, or “Blockbuster Plots: Pure and Simple,” by Martha Alderson, as a guide. Others, like myself, prefer to start with an idea and then sit down at the computer and let it rip! I enjoy seeing where the characters will take me, rather than trying to steer them in a certain direction. Sometimes they surprise me with the actions they take, the language they use or even the bizarre thoughts they have. That, for me, is the joy of writing; the mystery of what the characters will do next. It’s all up to them.
</td>
</tr>
<tr>
<td>
<img class="alignleft size-full wp-image-241" title="tip2" src="http://judithmarshall.net/wp-content/uploads/2009/08/tip25.png" alt="tip2" width="122" height="121" />
</td>
<td>
When to revise? There’s no right or wrong answer to this question. Some writers prefer to look at what they’ve written the previous day before stating anything new; others revise as they go. I’d never finish if I used that process. My advice is to plow through to the end before you start of revise. I know it’s difficult, but the best way to get a novel written is to write. I’m a proponent of Anne Lamott’s advice, “Write lots of shitty first drafts.” Believe me, you’ll have plenty of time to revise later.
</td>
</tr>
<tr>
<td>
<img class="alignleft size-full wp-image-242" title="tip3" src="http://judithmarshall.net/wp-content/uploads/2009/08/tip31.png" alt="tip3" width="126" height="126" />
</td>
<td>
What to do with the good parts you cut out?

When you do begin to review the first draft, there will undoubtedly be lovely description words, phrases, or paragraphs that you want to save to maybe use elsewhere. This is where “cut and paste,” comes in. Start a new word document (I affectionately call mine, “leftovers”), and then paste anything you want to save there I can’t tell you how many times I’ve found exactly what I needed on my “leftovers” document.
</td>
</tr>
</table>
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Aug 29, 2009, 11:38 AM
ngb222
 
28 posts · Jun 2009
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.

Last edited by ngb222; Aug 29, 2009 at 11:43 AM.
  #10  
Old Aug 29, 2009, 12:27 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
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
  #11  
Old Aug 29, 2009, 02:48 PM
ngb222
 
28 posts · Jun 2009
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

Last edited by ngb222; Aug 29, 2009 at 03:07 PM.
  #12  
Old Aug 29, 2009, 07:21 PM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
the test page gives a 'Not Found'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #13  
Old Aug 30, 2009, 10:51 AM
ngb222
 
28 posts · Jun 2009
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

Last edited by ngb222; Aug 30, 2009 at 10:53 AM.
  #14  
Old Sep 8, 2009, 05:18 AM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
when I click on the link, I still get
HTML Code:
NOT FOUND
Sorry, but you are looking for something that isn't here.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #15  
Old Dec 30, 2009, 05:11 PM
edanto
 
5 posts · Dec 2009
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
  #16  
Old Dec 30, 2009, 05:30 PM
paulae's Avatar
paulae
 
1,333 posts · Feb 2009
Wordpress 3.4.1, Atahualpa 3.7.7
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..

Last edited by paulae; Dec 30, 2009 at 05:38 PM. Reason: I read more of the earlier thread.
  #17  
Old Dec 30, 2009, 07:22 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #18  
Old May 27, 2010, 10:31 AM
ngb222
 
28 posts · Jun 2009
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!!
  #19  
Old May 27, 2010, 10:43 AM
ngb222
 
28 posts · Jun 2009
Quote:
Originally Posted by Flynn
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

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.
  #20  
Old May 27, 2010, 11:04 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
The URL take you to a "Coming Soon" page.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #21  
Old May 27, 2010, 11:08 AM
ngb222
 
28 posts · Jun 2009
Quote:
Originally Posted by lmilesw
The URL take you to a "Coming Soon" page.

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/

Last edited by ngb222; May 27, 2010 at 11:14 AM.
  #22  
Old May 27, 2010, 11:48 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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 (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #23  
Old May 27, 2010, 11:58 AM
ngb222
 
28 posts · Jun 2009
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.)

Last edited by ngb222; May 27, 2010 at 12:11 PM.
  #24  
Old May 27, 2010, 12:10 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #25  
Old May 27, 2010, 12:44 PM
ngb222
 
28 posts · Jun 2009
http://greatdeals-bargains.com/links/

Still not working and I just spent yet another hour redoing this!
This is a nightmare, yet again.

Last edited by ngb222; May 27, 2010 at 12:49 PM.

Bookmarks

Tags
crooked images, images and text wrap, images messed up

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
place images as clickable icons on page agrossman Header configuration & styling 3 Aug 13, 2009 02:17 PM
Newbie here. How do I place sidebar in pages? No side bars are shown in pages. xtrong Sidebars & Widgets 12 Jul 10, 2009 07:24 PM
[SOLVED] Putting images in place of widget titles ken.miller Sidebars & Widgets 4 Jun 25, 2009 01:38 PM
can someone tell me how to add a row of several images in place of the panoramic one? mom7to Header configuration & styling 4 Mar 24, 2009 10:14 AM
Flash in place of rotating images in header frankrizzo5150 Header configuration & styling 7 Feb 21, 2009 01:04 PM


All times are GMT -6. The time now is 07:14 PM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.