Re: HELP styling CSS list w/ images & text…

[Historical Forums User]

Thanks again for your help…

I did exactly as you said and everything looks great, the only problem now is aligning the descriptions to the top of each image…

I was thinking the best way to do this would be to assign each image an id, then use the vertical-align:text-top; property to align the description’s to the images… but I’m not exactly sure of how to do this…

Here is the code:

HTML:

Code:

Morgan Maassen:

A multi talented, wise-beyond-his-years photographer and Santa Barbara native; shooting water housing, film, and all sorts of video formats.

http://www.Bogus-Media.com

Hiten Iyer:

The resident fish junkie, who truly can’t kick the habit. He will tell you all about String Theory and his latest surf experiment, and then pick off the wave of the day and make it all seem meaningless.

Hiten has been a guiding light and stoke generator in the water for years, and is a constant influence in the direction of Point Concept.

CSS:

Code:

#line
{
border-bottom: 2px dotted #7f7f7f;
width: 940px;
padding-top:20px;
margin-bottom:20px;
}

#content_crew {
width:980px;
height:345px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
line-height:18px;
overflow: hidden;
overflow-y: scroll;
overflow-x: hidden;
overflow:-moz-scrollbars-vertical;
}

.left_image {
float:left;
padding-top:0px;
width:218px;
}

.right_text {
float:right;
padding-top:0px;
padding-right:12px;
width:735px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
line-height:18px;
}

And a screenshot of what comes up: