I'm trying to get a search bar at the top of each page. But I don't want it to take over the world... I want a relatively small entry field with a reasonably sized "search" button just to the right of the text entry box. This will live on the right side, with my breadcrumbs on the left.
So I have a trivial form with an input type of text, and an input type of submit with "Search" on it. Easy stuff, and functionally it works fine. Then why is this so dang hard to position/size correctly? :) Research on the web has told a couple of things, some I find specious: 1) In order to get this lined up with anything to the left of it I have to make a table. I've done that, and it works, but is that the best, most "CSS" way to handle this? I've just left the world of tables for the wonderful world of CSS... seems like a regression. 2) I want to make the text field and button vertically smaller than the default. I can't for the life of me change the size of these things, and they are huge. I've tried shrinking the table row, I've tried putting "height" on the inputs, but nothing works. Oh, sure, I can get them bigger, or at least get a whole lot of padding around them, but nothing smaller. Do I have to resort to javascript <shudder...>? 3) If I can get #2 to work, what would be really cool is if I could size them wrt the current font (e.g. 1.3em) so that I can have browser font resizing work with them. Can this be done? Can anyone either help or point to an example/help page that works like this? Thanks in advance, Chris ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
