From: "Web Developer" <[EMAIL PROTECTED]> >Hello all, >I was wondering if anyone had any tutorials on how to make a custom >input box like the websites below. You can see their 'search' input >textboxes are customized. >I assume allofmp3 does some funkiness with position: relative;. not >sure about 1st trillians website though. > >http://trillian.cc/support/
The Trillian page uses a background image - http://trillian.cachefly.net/img/support_imagemap_search.png - and then overlays the controls on top of that. The default styling for the input/search box has been overridden with inline CSS - <input style="background: transparent; border: none; width: 250px; color: #808080; font-size: 11px; font-family: Arial, Helvetica, Sans-Serif;" id="search" name="search" onEnter="this.form.submit()" onClick="if (document.getElementById('search').value=='Type your question in keywords here...') document.getElementById('search').value='';" type=text value="Type your question in keywords here..."> That page using imagemaps as well, but I didn't take the time to figure it all out. Note that even though the text (and thus the input element) can be resized with browser controls, the image underneath cannot, and so at the very least the display is disrupted when text is resized. Sorry, I've not got any links to tutorials. ~holly ______________________________________________________________________ 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/
