WordPress.org

Ready to get started?Download WordPress

Forums

Text wrapping images. (11 posts)

  1. thenewts
    Member
    Posted 10 years ago #

    I'd just like to text wrap thumbnails / images on my site and I'm struggling! I tried Lizard's hack but it's all going tits up. The align=left attribute seems to wrap the text ok but then the image dissapears behind the post frame. I'm using the 'mars spirit' style sheet: http://www.alexking.org/software/wordpress/styles/sample.php?wpstyle=mars-spirit
    Is there an alteration I can make to the css to allow the images to stay infront of the post frame, or other simple way to wrap the text?
    Thanks.

  2. KAShirow
    Member
    Posted 10 years ago #

    1) Put the image tag before all other stuff in the posting.
    2) Make sure that the definition of h3 in the CSS has 'clear: both' in it.
    That should do it. If it still doesn't, make a test post and put it somewhere I can see it. :)

  3. thenewts
    Member
    Posted 10 years ago #

    Still not happening K. You can see that the text has wrapped perfectly but no pic, here in the test post at the top:
    http://www.thenewts.net/
    I've tried clear:left and clear:both in all references to h3 in the css.
    I'll have a play tonight and re-install a clean copy of my css file as I think it's still littered with previous attempts to get this working. I appreciate your help, thankyou. It won't beat me though... Try again later tonight!

  4. Beel
    Member
    Posted 10 years ago #

    The image is there you just need to get rid of some of the black (to each his own). Try deleting BACKGROUND-COLOR: #2a170d in DIV.post

  5. Anonymous
    Unregistered
    Posted 10 years ago #

    Thanks for your input Beel, and you're absolutely right. Deleting the background colour worked, the text wrapped and the image was visible. I do want to keep that background colour for each individual post though as a contrast to the main page. Any further ideas? And why does the text sit on top of the background, yet the image is behind it?

  6. phpNeophyte
    Member
    Posted 10 years ago #

    In IE you're getting that ugly blue "link" border, you might want to add; img a {border: 0;} somewhere.
    Nice job, cute baby!
    Kevin

  7. Anonymous
    Unregistered
    Posted 10 years ago #

    Thanks Kev, I was wondering how to be rid of that. And thanks again, he's a little gem!
    As for the text wrapping problem though, I don't know whether or not to continue my trial by error hacking to get it working, or wait for the next release of WP. Anyone know if there will be a built in text wrap feature in it? If not, I'm sure it won't be long before Alex or Lizard or one of the other hack 'gurus' come up with a plugin for it!
    newts.

  8. thenewts
    Member
    Posted 10 years ago #

    WHOOPS. Forgot to log on... Sorry!
    It was me :)

  9. Anonymous
    Unregistered
    Posted 10 years ago #

    KAShirow,
    Just wanted to say I was looking for this exact same thing. Tried it out today and it works perfectly. Thanks for posting it.

  10. Anonymous
    Unregistered
    Posted 10 years ago #

    I'm just curious, why does the image need to be at the beginning of the post for the border to work?

  11. webchief
    Member
    Posted 9 years ago #

    KAShirow,
    From me as well - thanks for posting your info on class="moblog". I was looking for an easy way to insert photos into my posts with wrapped text, and spent a lot of time messing around with div classes and never got it to my liking.
    So, Bravo for sharing a simple and workable solution!
    I'm still setting it up, but if anyone's interested my blog is http://likitipi.com

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.