inline wrapped image

  • I’ve checked out thumb-in-post, exhibit and wp-photos. I can get an image inserted inline in my post — but cannot have the words wrap ‘around’ the image. What I would really like to do is left align the image or right align (a thumbnail). Is there an easy to use plugin out there that will do this, or will one of these do it? <macmiller>

Viewing 6 replies - 1 through 6 (of 6 total)

  • You have to solve this by css:
    .post img {
    float:right;
    margin:3px 0 8px 8px;
    padding:3px;
    border:solid 1px #ccc;
    }
    This should give you a picture right aligned with text around it and with a border. The padding you will not be able to seen with IE.

    Thread Starter macmiller

    (@macmiller)

    Thanks for the code. However, sometimes I want to have the image align left and sometimes right. I’ve added the .post img section to the css and left out the ‘float:right;’. Then each time I insert the html in a post for a thumbnail using the plugin ‘exhibit’ I’m manually adding in the alignment. It is ugly but it works. So the html looks like this: –> <img src=”https://coolthaihouse.com/blog/images//t/DSC06001.JPG&#8221; alt=”??2004″ border=”0″ align = “left”/></a. NOTE: exhibit adds all of this HTML except for the ‘align = “left” ‘ which I manually typed in. It seems like there would be an easier way to do this but for now this seems to be working.

    I just downloaded the plugin and took a short look at it. It contains several php-files (of which I don’t know how they are used), but if you would search the content you will find somewhere a line that is for displaying the image or page of images in your blog. If you would add the appropriate div-code, then there would be no more need to manually adjust alignement afterwards.

    Thread Starter macmiller

    (@macmiller)

    heres the thing…. I don’t know up front if I want the pict aligned left or right, it depends where it is in the post. since I don’t know up front I will need to continue to adjust the html in the post, correct?

    Perhaps their is another way then. Do you use all of the quicktags that are available in WP? If not, you could use one of them and ‘override’ their function with css. For instance you could override the ‘del’ quicktag by stating:
    del {
    text-decoration:none;
    }
    del img {
    float:right;
    margin:3px 0 8px 8px;
    padding:3px;
    border:solid 1px #ccc;
    }
    Each time you have an image that has a different alignment than standard you could select the img-code (<img src= etc. >) and press the ‘del’-quicktag.
    I don’t think there is an easier way if you want to randomly align your images.

    I’m also interested in solving this, if anyone finds it please post it asap ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘inline wrapped image’ is closed to new replies.