WordPress.org

Ready to get started?Download WordPress

Forums

Wrapping text aound an image. (6 posts)

  1. dawg
    Member
    Posted 9 years ago #

    I am not really sure the best way to go about this. Should I place this in my css and let it be controlled from there or what I was thinking I would like is a quick tag that could do it from the dash board so I could choose when to and when not to implement it.

    I have seen the codex for adding quick tags but not sure on this so if anyone wants to step up to the plate it would be greatly appreaciated

  2. Mark (podz)
    Support Maven
    Posted 9 years ago #

    Either way it's still css :)

    This does work....
    http://www.tamba2.org.uk/wordpress/graphicalcss/align/index.html

  3. dawg
    Member
    Posted 9 years ago #

    I seem to be having troubles getting it right

    http://cafe789.com/kyles_eyes

    NOTE I have only tried adding the clearer div to theme sunset

    It is the second pic that I am trying to wrap the text around

    I am getting there, dyslexia strikes again I missed the go to so I did all the editing of the quicktags and uploaded those gifs .

  4. lawtai
    Member
    Posted 9 years ago #

    I got this from the default theme and it works fine for me:

    /* Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left
    }

  5. dawg
    Member
    Posted 9 years ago #

    Thanks everyone, I got it but I made the mistake of not correctly naming my own .jpg so it did not show, sometimes it is the littlest things!

    @ lawtai I will take a look at that

  6. oriecat
    Member
    Posted 9 years ago #

    I'm having trouble with text wrap also. The text is wrapping ok, but the image is pushing down into the next post, because it's bigger than the text. I put the clearer div in after the text, but it doesn't work. If I change it from a class to an id then it works, but that invalidates the page. What am I doing wrong? I looked at podz' guide but I don't want drop shadows, so I didn't know how to deal with all of that stuff and take them out.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.