Images Appearing on Separate Lines

You could float the images to the left with right padding and so on. But then we could help you better with your site url.

Whoops. Totally forgot to include that. The url is https://testing.bdrucker.com

The specific page in question is the contact page

This in your theme’s style.css could be causing it:

.image img, img {
	display:block;
	margin: 0 auto;
}

I looked at changing that. Because the theme is designed for photographers, it centers the img attribute, assuming you are going to be uploading photos. I’ve found it’s slightly inconvenient when the image you’re using is not in fact a photo. I’ll play around a little with that code again tomorrow. I’d assume “block” would cause the issue. I think I may have forgotten to override it in the special class I created for logos by setting it as inline. I’ll give that a shot and see if it fixes it.

try using an old school table tags:

<table border="0" cellpadding="0" cellspacing="0" width="100%">
	<tr>
		<td>img1</td>
		<td>img2</td>
	</tr>
</table>

or defining a new class in your css.
it must have the attribute display: inline; margin: 0;

or try adding this to your style.css without adding any table

#content img .logo, #content img .logo a
{ margin: 0; padding: 0; float: left; width: 310px; padding-right: 20px; }

I’d prefer to stay away from table if at all possible. Unfortunately, none of the CSS solutions given, all very similar to what I’ve tried, have worked. I guess I’ll leave them centered on separate lines. If anybody figures out what’s going on, I’d be forever in their debt.

Well, I disabled CSS in my browser and the images promptly snapped together onto one line. So it’s not the HTML. Maybe I’ll just start deleting chunks of CSS until I find the offending piece of code.

OK, this is really getting on my nerves. I can’t just abandon having multiple images on one line. I’m finding more and more areas within the site that I need it. I’ll keep poking around in the CSS, but I’m not really making any progress. Can anyone help me out? It seems that no matter what, there is always one margin that extends the entire width of the content area, whether on the right or left.

I messed around with the code a little, and making a class called no center designed to get rid of the block element and remove the centering. The code looks as following:

.nocenter{
	margin-left: 0;
	margin-right: 0;
	display: inline;
}

I then contain the set of images w/in a div and center that.