Witam,
Mam problem z divami, chodzi o umieszczenie pola do wyszukiwania i obrazka z lupą obok niego. Chcę aby do siebie przylegały. Obecnie, obrazek spycha formularz pod spod. Oto kod.
/* menu */
#menu #search .button-search {
background: url('../image/button-search.png') center center no-repeat;
width: 28px;
height: 36px;
border-right: 1px solid #CCCCCC;
cursor: pointer;
}
#menu #search .tabelka-search {
width: 122px;
}
#menu #search {
margin-top:7px;
float: right;
width: 200px;
}
#menu {
background: #585858;
border-bottom: 1px solid #000000;
height: 37px;
margin-bottom: 15px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
padding: 0px 5px;
}
php:
<div id="menu">
<div id="search">
<div class="button-search"></div>
<div class="tabelka-search">
<?php if ($filter_name) { ?>
<input type="text" name="filter_name" value="
<?php echo $filter_name; ?>" />
<?php } else { ?>
<input type="text" name="filter_name" value="
<?php echo $text_search; ?>" onclick="this.value = '';" onkeydown="this.style.color = '#000000';" />
<?php } ?>
</div>
</div>
</div>