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) { ?> <?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>