However, if like myself, you want the site search to be top right of your page, then take note of size of line and space involved. Your top menu options, a customers name and any item they buy adds to the length of line (obviously). But this will mean it could travel under the search button some distance – very messy !
Simply re-work the button Search.gif and /or make size changes to the style.css where needed.
Code: Select all
#SearchForm input.Textbox {
width: 128px; <== The size of the input box
border: 1px solid #b4b4b4;
background: #fff;
font-size: 0.9em;
padding: 3px;
}
#SearchForm .Button {
width: 72px; <== The size of the graphic used as the button
height: 23px; <==
padding: 0;
margin-top: -3px;
vertical-align: middle;
}