WordPress.org

Ready to get started?Download WordPress

Forums

Troubles with posting images side by side (5 posts)

  1. alnmedia
    Member
    Posted 6 years ago #

    I am having problems with posting my images and i've done some reading on here to see if any of the other advice here would help, but no luck.

    They are showing up vertically rather than side by side, which I am aiming for.

    Any help with what i need to do to resolve this would be appreciated.

    Thanks!


    <img src="http://www.celebrityviplounge.com/blog/wp-content/uploads/2008/06/pamelaanderson.jpg" alt="pamelaanderson" width="280" height="483" class="attachment wp-att-1440 alignleft" />


    <img src="http://www.celebrityviplounge.com/blog/wp-content/uploads/2008/06/jessicasimpson4.jpg" alt="jessicasimpson4" width="280" height="483" class="attachment wp-att-1441 alignleft" />

    that is my code

  2. Justin Tadlock
    Member
    Posted 6 years ago #

    Add the "alignleft" class to your stylesheet:

    img.alignleft { float: left; }

    You might want to add margin and padding or adjust a few other things here and there.

  3. lkosci
    Member
    Posted 6 years ago #

    Make sure that your images aren't too large to post side by side. Re size them before uploading.

  4. alnmedia
    Member
    Posted 6 years ago #

    this is what i have for image coding

    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 */

  5. NC@WP
    Member
    Posted 6 years ago #

    Your pain seems to be entirely self-inflicted... Both of your images have the alignleft class attribute, so they both float left. Try replacing alignleft in the second image with alignright, see what happens... Alternatively, delete alignleft in both instances...

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.