hi leute,
ich habe folgens problem und zwar habe ich eine suchfeld mit einer lupe als bild… jetzt habe ich das inputfeld verschoben und die das bild liegt jetzt unter dem inputfeld.
wie könnte ich das problem lösen:?
mfg
philgrafix
html:
<div id="search">
<input type="text" value="Search..." onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}">
<div class="button-search"></div>
</div>
css:
#search {
width: 218px;
float: left;
z-index: 15;
}
.button-search {
background: url('../images/button-search.png') center center no-repeat;
width: 28px;
height: 35px;
cursor: pointer;
margin: -35px 0 0 0;
float: right;
}
#search input {
background: #FFF;
padding: 1px 33px 1px 5px;
margin: 20px 0 0 0;
width: 182px;
height: 32px;
border: 1px solid #CCCCCC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
z-index: 14;
}