text vertical align
jeg har en liste som opfører sig mærkeligt.jeg har sat den op med følgende css:
#archive-description1
{
font-family: Arial,Helvetica,sans-serif;
color: #333333;
font-size: 16px;
font-weight: bold;
text-decoration: none;
text-transform: none;
vertical-align: top;
background-color: #CCB58B;
border: 1px solid #333333;
position: relative;
left: 50%;
margin-left: -325px;
margin-top: 20px;
width: 650px;
height: 100px;
padding: 5px;
}
#archive-description2
{
font-family: Arial,Helvetica,sans-serif;
color: #333333;
font-size: 16px;
font-weight: bold;
text-decoration: none;
text-transform: none;
vertical-align: top;
background-color: #A69371;
border: 1px solid #333333;
position: relative;
left: 50%;
margin-left: -325px;
margin-top: 20px;
width: 650px;
height: 100px;
padding: 5px;
}
#archive-thumb
{
float: left;
height: 100px;
width: 100px;
}
og følgende html:
<div id='archive-description1'>
<a href='/archive/thumbnails.php?album=208' onFocus=blur()>
<img class='archive-thumb' src='/pictures/archive/208.jpg' border='0' alt='' title='title'>
Date<br>title<br>blah</a></div>
<div id='archive-description2'>
<a href='/archive/thumbnails.php?album=207' onFocus=blur()>
<img class='archive-thumb' src='/pictures/archive/207.jpg' border='0' alt='' title='title'>
Date<br>title<br>blah</a></div>
problemet er bare at teksteb ikke er placeret i toppen af blokken, men starter ved bunden af billedet.
hvordan får jeg teksten til at starte ved toppen af billedet istedet for?
se hvad jeg mener her;
www: www.jint.dk/list/
css: www.jint.dk/archive.css
