|Tables, layout, time, space, and dimension.|
A client wants a logo/form box layed out just perfectly. I said, no problemo. 5 hours later I'm stumped. The above is a test fragment similar to what I'm trying to do.
In IE 5, NN 4, and Opera 5, there is one extra line below the text input box. In Opera 3, and in Moz, there isn't.
A browser Test display (35k) [showcase.netins.net]
Without going to CSS, anyway I can get rid of that extra line of space and maintain the layout?
The above fragment does work. The parens are how many results are possible with that engine using the drop down numbers. Welcome to copy and use it on your own site.
I've got a couple pages with this kind of thing, and I have only been able to debug some of them. In every case where I did find a fix, it required eliminating all extra spaces and hard returns in the code. The code you posted here has a few extra spaces between tags -- that's where I'd start.
Also, just for good measure, there are some tag nesting errors and unclosed font tags/center tags -- they shouldn't be a problem, but getting rid of them sometimes helps.
Yeah, extra spaces and returns aren't "supposed" to matter in HTML -- but tell that to the browser makers!
Put the </form> tag after the the last </table>
ditto on the form tag placement... I've found that form tags create all kinds of weird gaping spaces in otherwise good layout.
Of course, if you put the /form tag after the /table tag, it may only move the extra line beneath the search box... but that would probably look better.