[thelist] Form quirks with colored backgrounds in Explorer

[James Aylard]

Tony,

	The offset between the submit button and the text input is something of an
optical illusion, due to how well the 3D shading lines show up against the
various colored backgrounds. To verify this, click and hold your left mouse
button and drag the cursor across the page. IE will shade the controls as
you drag past them, allowing you to see their actual placement against one
another. There is typically a slight offset visible, but its size is
dependent on the font used to render the button text, whether large fonts or
small fonts are selected for the video display, etc. If you want to make the
submit and text input *appear* to be aligned, you could probably set a
slight margin-top on the submit to bump it down a pixel or two, although
YMMV.

hth,
James Aylard

> -----Original Message-----
> From: thelist-admin at lists.evolt.org
> [mailto:thelist-admin at lists.evolt.org]On Behalf Of Tony Crockford
> Sent: Sunday, August 13, 2000 6:45 AM
> To: thelist at lists.evolt.org
> Subject: [thelist] Form quirks with colored backgrounds in Explorer
>
>
> Hi
>
> I've been trying to fix an alignment problem - my search submit button
> doesn't line up with my text input box.
>
> I've wasted so many hours on it and have finally discovered that it is
> background colour dependant.
>
> the lighter the colour the better the alignment looks.
>
> see http://www.boldfish.co.uk/test.htm  for an example
>
> (Note Netscape users won't see this the same way IE users will!)
>
> I think it has a lot to do with the way IE5.0 draws the 3d
> effects that make
> up the box and button bevel, using different colours (or maybe
> the same) on
> different backgrounds.
>
> Anyway, I've got a dark background on an IE5.0 intranet and the
> button won't
> line up with the box.
>
> Anyone got any clever IE5.0 specific ways of making it look better?
>
> TIA
>
> Tony
>
>
> ---------------------------------------
> For unsubscribe and other options, including
> the Tip Harvester and archive of TheList go to:
> http://lists.evolt.org Workers of the Web, evolt !
>