David Hucklesby wrote: > On Mon, 09 Jul 2007 14:07:49 +1000, George Bills wrote: > > [code snipped] > >> When displayed, the bottom of the <img> is above the bottom of the <input>. >> It looks >> like the <img> aligns to the top of the enclosing <p> (given a black border >> for >> identification), and the <input> aligns to the bottom of the enclosing <p>. >> I would >> like them to display such that they are both on the same "line" - the bottom >> of the >> <img> is at the same horizontal row as the bottom of the <input>. It doesn't >> appear to >> be a margin or padding problem, as both are set to 0. There does seem to be >> some >> whitespace under the <img> and inside the <a>, but I don't know if that's >> the problem, >> and I don't know how to remove it if it is. >> >> The following things seem to work as fixes, but seem ugly: * Putting the >> <img> / >> <input> elements inside individual table cells. * Giving the <input> >> elements a margin- >> bottom of around 5px. >> >> Does anyone know why this is happening, and/or what the fix would be? Thanks >> for any >> advice. >> > > Only guessing here, George, as I don't have your image to play with. > > Try adding "vertical-align: bottom;" to your rule for the IMG. > > Cordially, > David > -- > Thanks heaps David - that worked great. :) ______________________________________________________________________ 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/
