WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Text wrap problems (9 posts)

  1. jp
    Member
    Posted 8 years ago #

    I've read as much as I can find - from the codex & by search - and at first glance it looks simple - but I'm confused as to what files require changing - and where - and with what.
    I also know that the answer is likely to be very embarrassing - but - help!
    Site is here: http://www.thefisherman.com.au/blog/?page_id=11
    Thanks in advance
    JP

  2. Marc
    Member
    Posted 8 years ago #

    I assume you are trying to wrap text around images in your posts. If so...

    Try this

  3. jp
    Member
    Posted 8 years ago #

    Marc - thanks for the answer - I've read it - but WHERE do I insert the code - please understand I have NO php experience - yes your assumption is correct.

  4. jp
    Member
    Posted 8 years ago #

    Marc
    To explain further - I'm trying to get the paragraph "It never happened...." to commence at the top right hand corner of the map image - with say a 20px padding to balance the paragraph space.
    To make matters worse - I have a graphic design background - and have produced all my websites in NetObjects Fusion - so I am totally code-challenged!
    I've been cheating all my life!
    Thanks for your patience - I hope...
    JP

  5. attackofthegeek
    Member
    Posted 8 years ago #

    Try this in your post since it looks like your using the default template, I do believe its already set to work with this code...

    <img src="http://yoururlToimage.jpg" class="alignright" alt="whatever" title="whatever" border="0" />

    alignleft
    alignright
    aligncenter

    hope this helps alittle..

  6. Beel
    Member
    Posted 8 years ago #

    Or just put this in style.css

    .post img {
          float:left;
    }

    You will probably want to put a padding-right also. This will set all images this way, not just the one.

  7. Marc
    Member
    Posted 8 years ago #

    All the coding in the link provided is not php based. What is marked as "CSS" you can copy into your stylesheet. In your case that would be "default/style.css"

    Check the section labled as para 3. In that section is this example:

    "<div class="img-shadow1"><img src="ducks.jpg" alt="" /></div><div class="clearer"> </div>

    That part would be placed around your image of choice and in the actual WP entry as you write it.

    You might also look at this from A List Apart. It explains a similar way to accomplich what you want, plus provides the needed images for the dropshadows.

  8. Beel
    Member
    Posted 8 years ago #

    Oops, I just looked at your source and you already have a class "left" in the img tag, so you can use:

    .post img.left {
          float:left;
          padding-right:10px;
    }

    and that will affect only images with a "left" class in posts.

  9. jp
    Member
    Posted 8 years ago #

    Thank you guys - I've got the first one done - now I'll see if I can do it twice!
    Many thanks

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags