Image next to (not above or below) text content in a post

  • royk

    (@royk)


    18 years ago

    I’d like to create posts with the default structure of: image, then text justified neatly to the right of the image. I take it that requires adding a simple 2 cell table somehow (or maybe not), but I’m not sure where to put that code or what the code would be. Can anyone point me to a doc that explains this, or give me a quick example? Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Les Bessant

    (@lesbessant)

    No tables at all. Put this code in your theme’s style.css

    img
    {
    float: left;
    margin: 5px;
    padding: 2px;
    border: none;
    }

    This will affect all images. If you want only selected images to go on the left, you’ll need to use a class definition, so the code would need to look like this instead:

    img.alignleft
    {
    float: left;
    margin: 5px;
    padding: 2px;
    border: none;
    }

    Then you’d need to change the img tag in your posts (if you’re using the rich text editor, try the HTML button) to look like this:

    <img class="alignleft" src="/path/to/image/as/it/is/jpg..>

    Thread Starter royk

    (@royk)

    That first bit of code worked! Except now the post titles for subsequent posts are wrapping around the edge of the previous image. Eek.

    https://www.livinginstereo.com/offbroadtest

    Les Bessant

    (@lesbessant)

    Try this at the end of the text of any post with an image:

    <br style="clear:both" />

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image next to (not above or below) text content in a post’ is closed to new replies.

Tags