Wrap Text around Image

  • Resolved dzaemin

    (@dzaemin)


    17 years, 9 months ago

    I’m using IImage plugin to upload pictures onto my post but I simply do not know how to wrap the text around the image, resulting in very long, weird looing posts. I did a search on the support and found this that sort of explains how we can do a hack on IImage Browser. I’m a complete rookie and I don’t understand where to get the stylesheet to change?

    Or does anyone know how to do a text wrap around an image?

    I’d appreciate help of any kind! Many thanks!

Viewing 10 replies - 1 through 10 (of 10 total)
  • Moderator Samuel Wood (Otto)

    (@otto42)

    www.remarpro.com Admin

    Without knowing how the code of the page looks, I cannot be specific.

    However, the general way that you wrap text around an image is to float the image. How exactly you do this depends on the code of your page. Post a link to it so people can look at it, and maybe somebody will help.

    Thread Starter dzaemin

    (@dzaemin)

    This is my webpage:

    https://www.angel.mrschew-ah-mrschew.com

    I have no idea at all how to get on with it.

    `
    <p><img src=”https://www.angel.mrschew-ah-mrschew.com/wp-content/_height.jpg&#8221; width=”189″ height=”400″ alt=”Growth Spurt” title=”Growth Spurt” /></p>
    `

    So you have an image wraped in p tag. Than you have another p tag for text.
    Second…you have to set in css something like that: img {float:left; margin:0 10px 10px 0;}

    Thread Starter dzaemin

    (@dzaemin)

    Thanks alainS, but sorry for sounding silly. Where can I find the css? Theme editor? I can’t figure that out!

    write inside the img tag align=”left” (or “right”) like this
    <img src=”…” alt=”…” … align=”left” />

    Thread Starter dzaemin

    (@dzaemin)

    wow! thanks so much aurasd! I have managed to wrap the text round the image. But now, I have a problem! The words are very close to the image. Is there any way I can get round to leaving a margin around it?

    yeah, use the hspace (left and right) attribute
    <img src=”…” alt=”…” … align=”left” hspace=”3″ />

    or vspace for the top and bottom of the image

    Thread Starter dzaemin

    (@dzaemin)

    aurasd, thanks so much for the valuable advice. i can now include pictures within my post!

    I am having a similar problem. (I’m have the latest wp 2.3.2 and am using Kubrick. The images looked so awkward on my post…either right up next to each other or on separate lines, but no wrapping…that I used a text editor and placed them in a table.

    I’ve carefully gone through the WP lesson on wrapping text and changed/added the appropriate lines on my style.css but still no wrapping. I tried the suggestion above (using the align tag and paragraphs and it’s tidier but still no wrapping. My blog is not going to look pretty unless I can wrap~

    Oh also, the <P> tags disappeared from ‘code’ view after checking ‘visual’ view.

    I would really appreciate any help!
    thanks
    lcools

    oops

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Wrap Text around Image’ is closed to new replies.