Support » Installing WordPress » Text wrap problems

  • Resolved jp

    (@jp)


    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

Viewing 8 replies - 1 through 8 (of 8 total)
  • I assume you are trying to wrap text around images in your posts. If so…

    Try this

    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.

    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

    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..

    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.

    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.

    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.

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Text wrap problems’ is closed to new replies.