WordPress.org

Ready to get started?Download WordPress

Forums

Pictures in post refuse to align! (5 posts)

  1. jl255
    Member
    Posted 6 years ago #

    No matter what codes I put, like:
    <img src="http://www.lifesperspective.com/wp-content/postimages/Captcha.jpg" align="right" />

    the images just refuse to move from being aligned to the left! When I turn on visual editing mode, the pictures are aligned correctly in the editor, but in the preview, its back to the left. What's wrong? This is really frustrating me. Just discovered that it does not happen to with another theme. Any idea where in my theme is wrong? The site is: http://www.lifesperspective.com. You can see the first image there , the source code puts it to align="right" but its still on the left. Pls help. Tks!

  2. Marcel Brinkkemper
    Member
    Posted 6 years ago #

    with your theme use <img class="left" to align left and <img class="right" to align right
    aligning is all in css.
    thus <img class="right" src="http://www.lifesperspective.com/wp-content/postimages/Captcha.jpg" />

  3. Jeremy Clark
    Moderator
    Posted 6 years ago #

    It's in your css if you look in your stylesheet for something like this.

    .post a img, .post img {
    float: left;
    }

    Just delete the float left and it will use your style you apply to the images yourself. Also just for the record the align element is depreciated which means that your site won't vailidate and might not look the same on all browsers so use this instead.
    <img src="http://www.lifesperspective.com/wp-content/postimages/Captcha.jpg" style="float:right;" />

  4. jl255
    Member
    Posted 6 years ago #

    tks macbrink & jeremy! had to use both your methods to get it to work.

    Appreciate it.

  5. dester
    Member
    Posted 6 years ago #

    I can't my photo to align RIGHT it the code it says right and the 2 I put on the left went to the left? Any ideas? This is the code for the picture that won't go to the right. I don't know code but I took this from between the text...before and after the picture. Thanks for ANY help.

    THE CODE:

    </span></p>
    <p class="MsoNormal" style="text-align: justify"><img src="http://nakedineden.com/nakedinedenblog/wp-content/uploads/2008/03/mts-sky2re.jpg" alt="New Mexico Dawn" align="right" border="2" height="232" hspace="50" vspace="15" width="309" /></p>
    <p class="MsoNormal" style="text-align: justify"><span style="font-family: Arial">

Topic Closed

This topic has been closed to new replies.

About this Topic