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?
side by side images (8 posts)
-
rocketllama
Posted 3 years ago # -
Hi - Assign a float: left to the image.
This might already exist in your stylesheet. Look for something called
.alignleftIf 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" /> -
Posted 3 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.
-
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.
-
Posted 3 years ago #So what should it say instead of display: block?
-
Posted 3 years ago #So what should it say instead of display: block?
-
Posted 3 years ago #*sigh* So what should it say instead of display: block?
-
vivin
Posted 2 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.
