Here is my situation. i have a definition list. one of the rows has a row of icons.
ie: <dd><img/><img/><img/></dd>
these images are of different height, and not all show up at one time. what i want to do, is give the dd a permanent height and have all images aligned to the bottom of the <dd> element. I notice that the css "vertical-align" propertie only works on images, and will only align itself to the bottom of the containing content.
any thoughts?
aligning images to the bottom of a container
Moderator: General Moderators
- Chris Corbyn
- Breakbeat Nuttzer
- Posts: 13098
- Joined: Wed Mar 24, 2004 7:57 am
- Location: Melbourne, Australia
- SystemWisdom
- Forum Commoner
- Posts: 69
- Joined: Sat Mar 26, 2005 5:54 pm
- Location: A Canadian South of the 49th Parallel
Put them in a table instead.. like:
Code: Select all
<table cellpadding="e;0"e; cellspacing="e;0"e; border="e;1"e;>
<tr>
<td style="e;height: 100px; vertical-align:bottom;"e;><img /></td>
</tr>
</table>