Het invoervak en de knop bestaan uit 1 afbeelding. Ik heb de zoekcode van NCleanBlue gebruikt en aangepast. Toch wordt alles niet mooi uitgelijd. (zie afbeelding)
Hoe verder?
Code: Select all
/********************Start Search*********************/
div#search {
width: 159px;
height: 30px;
margin-top: 31px;
margin-right: 15px;
}
div#search label {
text-indent: -9999em;
height: 0pt;
width: 0pt;
display: none;
}
div#search input.search-input {
/* specific size for image, your image may need these adjusted */
width: 159px;
height: 30px;
/* removes default borders, allows use of image */
border-style: none;
/* text color */
color: #999;
/* padding of text */
padding: 8px 0px 4px 10px;
float: left;
/* set all font properties at once, weight, size, family */
font: bold 0.9em Arial, Helvetica, sans-serif;
/* left input image, set your own here */
background: url(uploads/priton2010/search.png) no-repeat left top;
}
div#search input.search-button {
/* specific size for image, your image may need these adjusted */
width: 31px;
height: 30px;
/* removes default borders, allows use of image */
border-style: none;
/* hides text, image has text */
text-indent: -9999em;
float: left;
margin: 0;
/* provides positive hover effect */
cursor: pointer;
/* removes default size/height */
font-size: 0px;
line-height: 0px;
/* submit button image, set your own here */
background: transparent url(uploads/priton2010/search.png) no-repeat right top;
}
/********************End Search*********************/
Hij verschuift nu helemaal uit de sidebar. 
