Support » Fixing WordPress » side by side images

Viewing 7 replies - 1 through 7 (of 7 total)
  • 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" />

    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.

    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.

    So what should it say instead of display: block?

    So what should it say instead of display: block?

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

    I’ve solved this problem in the following manner:

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘side by side images’ is closed to new replies.