WordPress.org

Ready to get started?Download WordPress

Forums

Image and text formatting/placement (4 posts)

  1. clay
    Member
    Posted 10 years ago #

    I am trying to edit my latest entry to look good. I want the bit of text that is hanging under the photo to be in line with the rest of the paragraph.
    Earlier this week I looked at a page that was about formatting images and text in wordpress, but now I can't seem to find it. I know it said something about the when you post an image the default is for it to 'hang out in the left corner'.. any ideas?

  2. arghnoname
    Member
    Posted 10 years ago #

    You could put the image in a span (or just set style in the img tag), and set the width and float it left, and then set the style to the first paragraph to float right at a set width. That might work.
    So just making things up...
    img scr="image.jpg"... style="width: 200px; float: left;"
    and
    p style="width: 300px; float: right;"
    Obviously I'm not positive on what width you'd want your paragraph, I just put figures in to illustrate my point. I hope that works for you.

  3. Beel
    Member
    Posted 10 years ago #

    It looks fine, except for some padding-right for the image. Remember, how much text is left "hanging" depends on the browser window size. For my browser it looks fine wrapping the picture. An alternative would be to have the image centered under the first line (no wrapping) and start the paragraph underneath.

  4. clay
    Member
    Posted 10 years ago #

    Thanks for the suggestions. I hadn't even thought about adding css classes to take care of it.
    I added a #pic-post and a #pic-header for padding and position of the image, and to make a heading for the picture, which also pushes the rest of the text down beneath the pic.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.