WordPress.org

Ready to get started?Download WordPress

Forums

Hemingway2 Image question (8 posts)

  1. lepus
    Member
    Posted 8 years ago #

    Anyone that can tell me how i could get a picture to float left so i get some text on the right side ?

    I have tried to add something to the css but i cant get it to work..

    Thanks,

  2. whooami
    Member
    Posted 8 years ago #

    img.leftmargin {
    float: left;
    margin:.2ex 0ex .2ex 1ex;
    padding: 4px; background:#dcc19f;
    border: 1px solid #000;
    }

    then just use <img class="leftmargin"

    thats what I use, obviously you will need to play with the margins and padding. All of that assume that you dont have something else controling image placement, also. I dont use that theme, so I dont know whether or not thats the case.

  3. Direkt
    Member
    Posted 8 years ago #

    You'd use the CSS property of float: left to make it float left, but you'd have to clear it later on, clear: left is the CSS to do that. So like, add
    .imgleft { float: left }
    and then
    .clearleft { clear: left }
    And use <img class="imgleft">, and then something like <br class="clearleft"> at the end of your post.

  4. Direkt
    Member
    Posted 8 years ago #

    Curse you Whooami! Stop beating me to the punch!

  5. whooami
    Member
    Posted 8 years ago #

    lol sorry -- btw, I dont clear em, works fine for me :P

  6. Direkt
    Member
    Posted 8 years ago #

    Do you use Firefox? 'Cause clearing is only for IE if I remember right.

  7. lepus
    Member
    Posted 8 years ago #

    1. it worked, but the text is comming right on the picture.
    2. Yes, i use firefox.. who dosnt.. :D

    Thanks again :D

  8. lepus
    Member
    Posted 8 years ago #

    Changed the CSS to

    img.leftmargin {
    float: left;
    padding: 4px;
    }

    to get the look closer to what i want. Tried changing the padding to 5, 7 and 10 but it moves the picture down when i change it. Any other way of moving the text more to the right side of the picture. (ie. i want more space between the pic and the text )

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.