Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Posted on
- bottom_align of float:left elements
- Oliver Spiesshofer
March 7, 2005, 7:52 am
rate this thread
I have several <div> </div> elements that are float:left.
they consist of an image and a text below it. The images however are all
different size, specifically height.
I have assigned a static height and width for all the elements, 100x100px.
However,I want to have the text below the pictures all in one line.
So how do I assign the vertical alignment? I tried within the divs and also
wrap them into an aditional div with that feature, but it wont help.
I dont really know how to go on. To see an example of the problem, please
visit http://tokyoahead.com/main/staticpages/index.php/topicoverview /
Re: bottom_align of float:left elements
A snipped from my old example (that is not very pretty, just proof of
consept with hacks):
<div class="box" style="width:218px;height:auto;">
<a href="slides/Coordinators.html" class="thumbimage">
<img class="thumbimage" alt="Coordinators"
To get one line, you need to use white-space:nowpap, or make sure it fits
(latter works better, or make room for 2 lines, which is not bad idea
in your case.).
Lauri Raittila <http://www.iki.fi/lr <http://www.iki.fi/zwak/fonts