table images not aligning

[jguidroz 0]

Im using a table to set up one of my pages. The plan is to have images on the left with descriptions on the right. The problem is the image will not align next to the text. Its always on top. Any ideas http://www.extendedearlyout.com/services

[kastelic 6]

Have you considered using CSS instead? Just put each image in a div and give it a class, say "icon-image" or something. Then just type the content in regular heading and paragraph tags. Then all you have to do is add this CSS to your Custom Code-> Custom CSS box:

.icon-image{
	float:left;
	height:180px;
	}

The height should be adjusted to prevent the text from wrapping over to the left below the image. Let me know if this makes any sense to you.

[jguidroz 0]

I'm a little green when it comes to css. I added the custom CSS code to the template. Now do I update the image its self or the page the image is on? I tried to open up the image and then add icon-image to the css style but that didn't fix it.

[catrina 103]

I added the custom CSS code to the template.

Add the custom code to the custom CSS area instead of the file so that it can carry over when you upgrade the theme.

Now do I update the image its self or the page the image is on?

Update the page the images are on after you give the images a DIV class as shown in this example (based on what Jimmy said above): `` (You'll need to be in HTML mode in the editor, of course)

[jguidroz 0]

Thanks Catrina. I updated the first service and got the image to align next to the text. The issue I ran into in trying to keep the text on the right and not slip under the image. Any idea? http://www.extendedearlyout.com/services

[catrina 103]

This is occurring because the image's height is small enough to let that last line of text fall underneath it. If you decrease the space between the box text content and the box title, the problem should disappear. Add this CSS code to your custom CSS area or the base.css file:

h2 {margin-bottom: -5px;}