The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Vertical Spacing and Alignment
Platt3r
post Jul 12 2010, 12:35 PM
Post #1





Group: Members
Posts: 6
Joined: 15-July 08
Member No.: 6,178



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies(1 - 2)
pandy
post Jul 12 2010, 01:00 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 14,928
Joined: 9-August 06
Member No.: 6



So how do you want it to look?


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jul 12 2010, 01:54 PM
Post #3


WDG Member
********

Group: Root Admin
Posts: 7,987
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



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.


--------------------
Darin McGrew
WDG Member since 1998
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 23rd April 2014 - 03:42 AM