WordPress.org

Ready to get started?Download WordPress

Forums

side by side images (8 posts)

  1. rocketllama
    Member
    Posted 5 years ago #

    If I try to insert images side by side, WordPress stacks them on top of each other. We put images side by side at http://actionflickchick.com/superaction/march-2009-action-aplenty-at-action-flick-chick-hq/ by creating a table in FrontPage, but that creates an extra step. Actually it creates several extra steps if the size, etc., doesn't match up perfectly the first time. So what's the easiest way to make sure images appear side by side?

  2. stvwlf
    Member
    Posted 5 years ago #

    Hi - Assign a float: left to the image.

    This might already exist in your stylesheet. Look for something called
    .alignleft

    If you don't see it, add this line:
    .alignleft { float: left; padding: 15px; }

    when you add an image enter the code like this
    <img src="...filepath..." class="alignleft" alt="something" />

  3. rocketllama
    Member
    Posted 5 years ago #

    Is it not possible to do this without getting into code? FrontPage was fantastic. I could do everything without code. I could explain to all our other team members how to do a simple task without learning code for every little thing.

  4. iridiax
    Member
    Posted 5 years ago #

    It's due to your theme's css in the style.css, likely one of these:

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

    display: block; forces an image to be on its own line. Don't center images that you want side by side unless they are in a table or a floated div.

  5. rocketllama
    Member
    Posted 5 years ago #

    So what should it say instead of display: block?

  6. rocketllama
    Member
    Posted 5 years ago #

    So what should it say instead of display: block?

  7. rocketllama
    Member
    Posted 5 years ago #

    *sigh* So what should it say instead of display: block?

  8. vivin
    Member
    Posted 4 years ago #

    I've solved this problem in the following manner:

    http://vivin.net/2009/11/05/displaying-images-side-by-side-in-wordpress/

Topic Closed

This topic has been closed to new replies.

About this Topic