WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Images Aligned Right (8 posts)

  1. _Dom_
    Member
    Posted 7 years ago #

    having some trouble aligning anything to the right on my blog, weather it be images or adsense or another text box

    http://www.dominicliversidge.co.uk/?p=5

    if you look at that post you will see the mario image is to the right of the text but overlapps the text, ive tried the CSS for align, float, display margin and nothing works, this is now just a stock image upload an insert in wordpress that is aligned right, anyone help?

    thanks

    Dom

  2. yosemite
    Member
    Posted 7 years ago #

    Suggestion (works for me):

    Add these to your style.css
    content img.center {display: block; margin: 0.4em auto 0.4em auto;}
    content img.alignright {float: right; margin: 0.4em 0 0.4em 1.1em }
    content img.alignleft {float: left; margin: 0.4em 1.1em 0.4em 0; }

    Then when adding an image to a post (actually "content" section of page), add class="alignleft" (or "alignright" or "center").

    YMMV

  3. _Dom_
    Member
    Posted 7 years ago #

    thanks... sadly iy works with left but not right

  4. yosemite
    Member
    Posted 7 years ago #

    Because it's missing a ;.
    Change
    content img.alignright {float: right; margin: 0.4em 0 0.4em 1.1em }

    to:
    content img.alignright {float: right; margin: 0.4em 0 0.4em 1.1em; }

    (Note the semi-colon). Sorry man...

  5. _Dom_
    Member
    Posted 7 years ago #

    changed but still no tomato

    http://www.dominicliversidge.co.uk/2006/07/17/new-super-mario-brothers/

    :( its me isnt it ;)

  6. yosemite
    Member
    Posted 7 years ago #

    Nah, it's me ;') Try this:

    Put a # (pound-sign) right infront of content. So all three lines will start with #content img.blah-blah-blah

  7. _Dom_
    Member
    Posted 7 years ago #

    perfect thank you

  8. yosemite
    Member
    Posted 7 years ago #

    Welcome!

Topic Closed

This topic has been closed to new replies.

About this Topic