2 replies [Last post]
sejf83
Offline
Enthusiast
London
Last seen: 13 years 39 weeks ago
London
Joined: 2006-01-01
Posts: 56
Points: 0

I just got help with this very concept yesterday, but I'm still having trouble lining up two columns. Here's the page in action.

I'm trying to get the text column to line up horizontally at the top with the image.

Here's the pertinent mark-up:

Header

Photo caption here

...

...

And the CSS

#mainText .oneCol { float: left; width: 600px; margin: 0; }

#mainText .leftPhoto {
float: left;
width: 200px;
padding: 0px 20px 0 20px;
}

#mainText .leftPhoto p {
text-align: right;
color: #00a06c;
font: 11px Lucida Grande, Arial, Helvetica, sans-serif;
}

Thanks for any help. It's very much appreciated.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 27 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Hi

Hi

The p you have with the first line of text in has margin set by default.

Give it a class (say class="firstline") and make the margin-top for this be 0

Trevor

sejf83
Offline
Enthusiast
London
Last seen: 13 years 39 weeks ago
London
Joined: 2006-01-01
Posts: 56
Points: 0

Thank you so much!

Thank you so much!