Forums

problem with image wrapping in css (5 posts)

  1. scrapgabbie
    Member
    Posted 3 years ago #

    Hi, just wondering if someone could take a look at my css code, as l can't get my text to pad around the images, instead it is lined up right against the edge. (l am trying to wrap images that are uploaded via ftp, some of my other images are uploaded with the photopress plugin, so l am not sure if it can be applied to these?). Here is an example post:

    http://www.stampingtop50.com.au/blogs/?p=43

    l have tried tinkering with the different padding values, but nothing seems to work. l am using IE 5 or 6... is my code missing something? (l followed the instructions from the wordpress codex page). Here's my code:

    img {
    border: none;
    position: relative;
    p img { padding: 0; max-width: 100%; }
    img.right {
    position: relative;
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }
    img.left {
    position: relative;
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .right { float: right; }
    .left { float: left; }
    img {font-size:60%}
    .caption { margin: 5px; padding: 5px; border: solid 1px #E5E5FF; background: #E5F2FF; font-size:90%; color: black }
    <div style="clear:both;"></div>

    }

    thanks in advance, l really hope someone can help me with this...!

  2. emailroy2002
    Member
    Posted 3 years ago #

    i really not an expert , try editing the margin, left margin put a 4 px on it.

  3. scrapgabbie
    Member
    Posted 3 years ago #

    hi, thanks for that, but l've tried it already and nothing happened :(

  4. doodlebee
    Member
    Posted 3 years ago #

    Well, one thing I see is this. In your source code, for your first post, I see the text is butted up against the image. But the image is set to 'align="left"'. There is no class set for the image.

    If you're meaning to have the image with a left class, you need to designate it as such by replacing 'align="left"' with 'class="left"'. It's not accepting your margins set in the stylesheet because you're not telling the browser to do so.

  5. cam_oai
    Member
    Posted 3 years ago #

    try this -> http://wordpress.org/support/topic/13609?replies=3

    i edit the align word to class.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags