ThemeShaper Forums » Thematic

[closed]

Wrap text around image

(2 posts)
  • Started 3 years ago by 02rilund
  • Latest reply from Devin
  • This topic is not resolved
  1. 02rilund
    Member

    I'm trying to wrap text around an image (on a page) and with basic text it's working as it should. But when i add a subheading using the h2 tag, the whole block of text moves down to underneath the image. here's my css:

    .entry-content {
    padding: 0 0 0 0;
    }
    .entry-content h2 {
    font-family:Arial,sans-serif;
    font-size:16px;
    font-weight:normal;
    padding:0 0 13px 0;
    color: #000000;
    }

    .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    .alignleft {
    float: left;
    }
    .alignright {
    float: right;
    }
    img.alignleft {
    margin-right:10px;
    margin-bottom:10px;
    }
    img.alignright {
    margin-leftt:10px;
    margin-bottom:10px;
    }

    i can get around it by putting the text and image into separate cells in a column, but then i have another problem; the thext and image won't align at the top!

    EDIT
    I would like the text and images to align something like this (but without the border on images of course):
    http://wptheming.com/portfolio/

    Any help to resolve even one of these problems would be much appreciatied!
    Thanks

    Posted 3 years ago #
  2. An h2 is a block level element, so it automatically takes up 100% of the width and gets pushed underneath.

    You can change a block level element to display inline:

    .entry-content h2 {display:inline;}

    I think that might work for you- but let me know.

    You can see from the source in http://wptheming.com/portfolio/ that I set it up to display in two columns, since I didn't want the text to wrap underneath- so that's probably not how you want it set up.

    Posted 3 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.