I looked at all my CSS books, searched on the 'net but still cannot find
that easy answer...
I want to align a text input and a button with the bottom of a background
image. Basically the image has the space for the input and button at the
bottom. My HTML & CSS show the text input and button superimposed with the
background image, but at the top.
<div class="globalheader" style='background-image:
<input value="enter an address here" size="50" name='searchaddress'/>
<input name="search" value="GO FIND IT!" type="submit">
I know that "vertical-align: bottom" is valid only within an inline element
but I can't figure out what to use. I tried to use a SPAN instead of a DIV
but then the image size is not applied anymore.
I also use the YUI CSS files 'reset-fonts.css' and 'base-min.css' but I
don't think it's relevant here.
Thanks for your help.
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/