Уважаемые спецы!
Подскажите как правильно сделать блок поиска. Первая картинка это как я хочу сделать, а вторая, это то что получается. я залил на id#module_search фон с рамкой, а справа стоит кнопка найти с закруглением, но фон оставляет хвостики. Дайте подсказку плиз! А еще слева перед полем ввода хочу вставить картинку с лупой, это нужно отдельный div делать?
index:
<div id="module_search">
<div class="btnSearch3">
<form action="index.php" method="get">
<input type="text" name="searchstring" id="mod_search_searchword" value="{if $searchstring ne ""}{$searchstring||escape|replace:"\'":"'"|default:""}{else}{$smarty.const.STRING_SEARCH}{/if}" onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='{$smarty.const.STRING_SEARCH}') this.value='';" onclick="this.value = ''" />
<a onclick="moduleSearch();" class="btnSearch3"><span>{$smarty.const.STRING_GO_SEARCH}</span></a>
</form>
<p><a href="./search_expanded/">{$smarty.const.ADVANCED_SEARCH_LINK}</a></p>
</div>
</div>
css: /*search*/
#module_search {
position: absolute;
background: url('../image/search2.png') repeat-x;
height: 60px;
width: 272px;
left: 50px;
top: 200px;
}
#mod_search_searchword {
height: 24px;
margin-top:6px;
margin-left: 31px;
padding:0;
}
.btnSearch3 a span{
background: url('../image/search3.png') no-repeat;
padding: 13px 60px 10px 10px;
display: inline-block;
}
[вложение удалено администратором]