Adjusting text to flow around image

sanhal · #1 (**permalink**) 01-13-2009, 10:09 AM

Hi

I have just managed to insert an image into my wordpress blog post.

In spite of watching several free videos on it I cannot get the text to appear to the side of the image.

I have clicked on the image to get into advanced setting to edit but I can't shift the text.

Where I am going wrong? Do you need a link to see the blog?

Sandy

lisa · #2 (**permalink**) 01-13-2009, 12:15 PM

Go the HTML view and add align="right" (or left) to the <img tag and that should work.

For example...

HTML Code:

<img src="apple.gif" align="right">

sanhal · #3 (**permalink**) 01-13-2009, 02:05 PM

Quote:

Originally Posted by lisa

Go the HTML view and add align="right" (or left) to the <img tag and that should work.

For example...

HTML Code:

<img src="apple.gif" align="right">

I've had a look at the HTML Lisa and it already says align left.

There is a whole lot of HTML but it starts <img class="alignleft
I've inserted the image to the left at the beginning of a paragraph but the text ends up below the image so there is a lot of white space next to the image.

Why are these things so difficult?

Sandy

lisa · #4 (**permalink**) 01-13-2009, 02:16 PM

That doesn't always work because the theme you're using may not have a style clarified for "alignleft" in your style sheet. I have that problem too so I manually add what I told you above and it works. You can either do what I do or manually add a style for the "alignleft" attribute in your stylesheet.

Many of the WP themes are not compatible with the WordPress default styles so that's why WP is ignoring the "alignleft" attribute.

Hang in there. I know things can get tricky sometimes.

sanhal · #5 (**permalink**) 01-13-2009, 02:53 PM

Quote:

Originally Posted by lisa

That doesn't always work because the theme you're using may not have a style clarified for "alignleft" in your style sheet. I have that problem too so I manually add what I told you above and it works. You can either do what I do or manually add a style for the "alignleft" attribute in your stylesheet.

Many of the WP themes are not compatible with the WordPress default styles so that's why WP is ignoring the "alignleft" attribute.

Hang in there. I know things can get tricky sometimes.

OK Lisa sorry to be so dim but where exactly do I add it? Do I add it to the image HTML that is already there or replace it with your example?

Many thanks

Sandy

lisa · #6 (**permalink**) 01-13-2009, 03:20 PM

remove class="alignleft" and replace it with align="left"

sanhal · #7 (**permalink**) 01-13-2009, 04:12 PM

Wow, It worked! Thanks so much Lisa.

Now to get to grips with inserting a sign up form!!!

Have a great day.

Sandy

work4bucks · #8 (**permalink**) 01-13-2009, 07:20 PM

I really need to piggy back off this question. I am trying to insert an image to wordpress and don't have the slightest idea where to put the code. In theme editor...sidebar...header...where ? Please and thank you.

lisa · #9 (**permalink**) 01-13-2009, 07:52 PM

Where do you want the image to show up?

work4bucks · #10 (**permalink**) 01-13-2009, 08:17 PM

I would like for it to be on the top /center. Would it go into the header?

MissANN · #11 (**permalink**) 01-14-2009, 04:59 AM

uhhm... i think it should be in the header.php... if you want it to appear just like the banner...(it appears in all pages)

work4bucks · #12 (**permalink**) 01-14-2009, 12:04 PM

I tried putting it in the header but the img won't show. I uploaded the img into wp content but it is not being imported into my wp media library. What have I messed up now?

work4bucks · #13 (**permalink**) 01-15-2009, 02:44 PM

Anybody???

lisa · #14 (**permalink**) 01-15-2009, 09:44 PM

I never use the media library. I always just manually upload the image the "images" folder in my theme and manually point to it with HTML using the <img tag. Can you paste the code that you used in the header?

work4bucks · #15 (**permalink**) 01-16-2009, 06:05 PM

I checked my themes folder and I do not have an 'images' folder. Must I creat one? Here is the code I used in the header:

Quote:

WB Sponsors