Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ General Web Design _ Vertical Spacing and Alignment

Posted by: Platt3r Jul 12 2010, 12:35 PM

Hey guys,
I am building this website for a friend and I am having trouble making these images and descriptions line up consistently on different browsers. What is the best way to approach this problem?

http://laraminichiello.com/res/res.html

Posted by: pandy Jul 12 2010, 01:00 PM

So how do you want it to look?

Posted by: Darin McGrew Jul 12 2010, 01:54 PM

You seem to be using <br> to create space between the paragraphs on the right, hoping that the paragraphs will then line up with the images on the left. They won't.

The best way to line up the photos and paragraphs is to stop putting all the photos in one div for the left column, and all the paragraphs in another div for the right column. Instead, put each photo and paragraph together in a single div. Actually, you may not even need the container div elements. But the important thing is to put the images with the paragraphs they are associated with.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)