• I want my pictures to automatically be on the right, and have the text wrap around it.

    Right now it interrupts the article, and it is on the left.

    What am I doing wrong?

Viewing 15 replies - 16 through 30 (of 31 total)
  • Okay, that definitely helps.

    You have this in your source code: <div class="entrytext"><p><img src='/wp-content/lando_bw.jpg' alt='' /><br />Landon is a native of....etc.

    You need to try this: <div class="entrytext"> <p><img src='/wp-content/lando_bw.jpg' class="alignright" alt='' /><br />Landon is a native of ....etc.

    Thread Starter bamassippi

    (@bamassippi)

    Thnx, however… I would like to correct the problem on all my pages…. do I need to change anything in the ‘Stylesheet’ script found below?

    /* Begin Images */
    p img {
    padding: 0;
    max-width: 100%;
    }
    img.alignright {
    padding: 10px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    .alignright {
    float: right;
    }

    /* End Images */

    Change this:
    img.alignright {
    padding: 10px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    to this:
    entry img.alignright, img.alignright {
    padding: 10px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    See if that works. That gives your entry images their own “specificity”….

    Ack. NO. Sorry. Wrong stuff.

    Add this to your stylesheet:

    .entrytext img.alignright {
    float: right;
    }

    [Edit: nope that’s not getting it either. I’m just no good with the default template, sorry. Maybe one of the others who ARE good with it will be along shortly….]

    Thread Starter bamassippi

    (@bamassippi)

    Nope. Didn’t work… what have I done wrong?

    You have to either add the class to the img tag:

    <img class=”alignright” src=’/wp-content/lando_bw.jpg’ alt=” />

    or for all images use:

    .entrytext img {
    float:right;
    margin:0 10px
    }

    Thread Starter bamassippi

    (@bamassippi)

    Ok, so… what do I change the following script too… I don;t want to add or take away anything that I have to have:

    /* Begin Images */
    p img {
    padding: 0;
    max-width: 100%;
    }

    /* Using ‘class=”alignright”‘ on an image will (who would’ve
    thought?!) align the image to the right. And using ‘class=”centered’,
    will of course center the image. This is much better than using
    align=”center”, being much more futureproof (and valid) */

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left
    }
    /* End Images */

    Maybe Beel’s got it, thought I tried that iteration in FF web dev and it didn’t work, but might have not done quite that thing. As I said, I’m just not good with this particular theme….

    Thread Starter bamassippi

    (@bamassippi)

    Ok,so… I got it on this page:
    https://landonhowell.com/?page_id=3

    But I can’t get it on my posts:

    https://landonhowell.com/?p=12

    Um. I’m seeing it the way I thought you wanted it on your second link there too…. FF1.5 RC2, 15″ laptop screen at 1280×800….

    Both links look identical to me…. Did you hard refresh your browser?

    Thread Starter bamassippi

    (@bamassippi)

    Well, when I view JUST the article in its permalink… it works.

    However, when I am looking at the article on the homepage, it is still to the left.

    Thread Starter bamassippi

    (@bamassippi)

    Any suggestions as to what I should do next?

    What’s the link to where you see it “wrong”?

    That is the result of a design bug/feature in the theme. Change the <div class=”entry”> to <div class=”entrytext”> in index.php or add some more css for that class, too.

    .entry img, .entrytext img {
    float:right;
    margin:0 10px
    }

    Thread Starter bamassippi

    (@bamassippi)

    Is that in the Stylesheet Beel?

Viewing 15 replies - 16 through 30 (of 31 total)
  • The topic ‘Making my picture go right’ is closed to new replies.