Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

What's the easiest way to wrap text around image in a page?


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old May 5, 2010, 03:41 PM
digeorge
 
5 posts · May 2010
What's the easiest way to wrap text around image in a page?

Hi,

I'd like to place description text to the right of an image, then another image below the first one and then more text to the right of the second image, etc. Paragraphs and brakes didn't seem to work. Do I use DIV for the image and the text or only the text? The images are aligned left. The <pre></pre> tag changes the font type.

Do I need to create CSS properties for each image and text block? Is there a simpler way to do this?

PS. Here's a link: http://www.fla-ewa.com/wpblog/?page_id=22

Thanks!

George
  #2  
Old May 5, 2010, 05:15 PM
lmilesw's Avatar
lmilesw
 
10,110 posts · Jul 2009
Central New York State USA
It would seem what you have to do is:
  • Add first image
  • Add text below image
  • Add second image below text
  • Add second block of text below second image
  • Click on first image and go into properties and select float left
  • Go into second image properties and select float right
  • Tweak
The way the text floats will depend on how much text you have and the space allotted for it.
__________________
~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.
  #3  
Old May 6, 2010, 08:54 AM
digeorge
 
5 posts · May 2010
Thanks Larry,

maybe I didn't explain well... I'd like description text to float to the right of each image. The method you described doesn't work as expected - I already tried that. "Float left" is CSS property right? I setup "alignleft" for the images. It looks right in the Dashboard box, but not after the page is updated.
Is there a way to add text into an invisible text box to right of the image in a div kind of like this:

HTML Code:
<div style="position:absolute; left:450px; top:385px; width:407px; height:118px; padding: 10px; overflow: auto;">..text here...</div>
..or that's not a good idea?


Thanks!

__________________

George
  #4  
Old May 6, 2010, 09:03 AM
lmilesw's Avatar
lmilesw
 
10,110 posts · Jul 2009
Central New York State USA
position:absolute can be problematic. how about using tables?
__________________
~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.
  #5  
Old May 6, 2010, 09:16 AM
digeorge
 
5 posts · May 2010
Well, I was trying to avoid tables. It definitely looks really weird... I'm trying to work in the Contacts page. It kind works if when I have the image laignleft and put the text in a div which I aligncenter, but then I need to have a section name (wrapped <h4>) which places itself right under the div text no matter what I did. I tried to alignleft to no success.

Why this basic stuff is so hard to accomplish? Do I need to create a custom CSS for positioning?

Thanks!

George
  #6  
Old May 6, 2010, 09:50 AM
lmilesw's Avatar
lmilesw
 
10,110 posts · Jul 2009
Central New York State USA
If this page indicates what you are trying to do then the addition of
HTML Code:
<div style="clear:both;">&nbsp;</div>
between each image/text combo is what I did. I put the first image in and set it to align left. I then added the text for the image. Then I went into HTML mode and added the clear:both item. Then I added the second image and set it to align right. Then I added the second text block.
__________________
~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.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Tearing out hair over getting text to wrap around image Meg Center area post/pages 10 Oct 27, 2010 02:56 PM
What is the easiest way to have a new look for a certain category of posts? X-Evolutionist Atahualpa 3 Wordpress theme 0 Mar 5, 2010 02:11 PM
Text Widget Image Link to Page Zona Sidebars & Widgets 3 Jan 26, 2010 04:17 AM
[SOLVED] How to wrap the text around a picture ireneeng Forum How-To 2 Oct 20, 2009 10:07 PM
Tiny Contact Form - problem with text wrap krystyna Plugins & Atahualpa 3 Jun 1, 2009 05:04 PM


All times are GMT -6. The time now is 07:24 AM.


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