Hello,

I've got several thumbnail images of different height (and widths) in  
a horizontal row.
they should all align at the bottom of their thumbnailcontainer which  
has a fixed height.

I've put them in a div id #thumbnailrow and tried with these settings:

#thumbnailrow { text-align: center;  width: 828px; height: 88px;  
margin: 2px auto 0; }
#thumbnailrow img { bottom: 0; margin-right: 4px; margin-bottom: 0;  
margin-left: 4px; }
#thumbnailrow a:hover { border-bottom: 2px dotted #cacaca; }
        
but this doesn't do the job...

nor did this addtion (neither at thumbnailrow or img):   vertical- 
align: bottom;

can you please help me with css definitions/settings to achieve this?


kind regards,
beate

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to