2 things i still can’t figure out…

  • i need help understanding 2 things:
    1. how can i place an image in a left or right <div> or <tr><td> and have the text in the adjescent <div> or <td>?
    i hate to admit it, but i’ve been using tables, and so far it’s the only way i can get image on one side and text on the other…
    is there a simple, non tabular solution to this?
    .second thing {
    removed;
    and reposted as a new question;
    at nuclearmoose’s suggestion;
    }
    thanks!

Viewing 6 replies - 1 through 6 (of 6 total)

  • 1. https://www.mfr.f2s.com/graphicalcss/align/index.html That will let you wrap images and text without tables. It does work – honestly.
    2. Don’t know – sorry.

    dss,
    You will have better success getting your questions answered by separating them out in the support forum. ??

    <div class="img-shadow"> <img src="myimage.jpg" alt="" /></div> My text...
    Try this ?
    <div class="img-shadow"> <img src="myimage.jpg" alt="" /></div>
    My text...

    Your July 15 entry looks good.

    Thread Starter dss

    (@dss)

    Here’s the solution i came to:
    add this to your css file:
    // WP Tutorial on centered and text wrapped images
    div.cent {
    text-align: center;
    }
    .img-left {
    clear: both;
    float:left;
    margin: 10px -10 25 17px !important;
    margin: 10px -10 25 8px;
    }
    .img-left img {
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 15px 0px -6px;
    padding: 3px;
    }
    .img-right {
    clear: both;
    float:right;
    margin: 10px -10 25 17px !important;
    margin: 10px -10 25 8px;
    }
    .img-right img {
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 0px 15px -6px;
    padding: 3px;
    }
    // and this is for the last image
    div.clearer {
    clear: left;
    line-height: 0;
    height: 0;
    }
    and call it in a post by using these tags:
    <div class="img-left"> <img src="your image location" alt="" /></div>
    (hard return before) your text
    for left images
    <div class="img-right"> <img src="your image location" alt="" /></div>
    (hard return before) your text
    for right images
    i didn’t want drop shadows, and i am already using a 1px boarder around my images, so the defaults in the linked tutorial left me with overlapping images, shadows and text. so i stripped it and this is working really nicely.
    here’s an example
    thank you for your help!!!!!

    Thank you, this was exactly what I was looking for!
    Thanks a lot, yeehaw! ??
    Kasmus

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘2 things i still can’t figure out…’ is closed to new replies.