Показать сообщение отдельно
  #10 (permalink)  
Старый 16.08.2012, 10:16
Аспирант
Отправить личное сообщение для ansi_str Посмотреть профиль Найти все сообщения от ansi_str
 
Регистрация: 27.01.2012
Сообщений: 50

<htmL>
<head>
<style type="text/css">
.findButton
{
    background-image: url('/images/serchbutton.png');
    width: 25px;
    height: 22px;
    border: 0px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    background-position: center top;
    display: inline-block;
    cursor: hand;
    right: 5px;
}

.findTextBox
{
    width: 155px;
    height: 19px;
    border: 0px;
    -moz-border-radius: 100px 0px 0px 100px;
    -webkit-border-radius: 100px 0px 0px 100px;
    border-radius: 100px 0px 0px 100px;
    -khtml-border-radius: 100px 0px 0px 100px;
    behavior: url(../Hack/PIE.htc);
    padding-left: 9px;
    background: url('/images/searchTextBox.png') repeat-y right;
    display: inline-block;
    position: relative;
}

#header_over
{
    margin: 0 auto;
    height: 118px;
    width: 980px;
}

</style>
</head>
<body>
	<div id="header_over">
		<div style="position: relative; top: 10px; right: 400px;">

			<input type="Text" ID="FindTextBox" CssClass="findTextBox" />
			<input type="SUBMIT" ID="FindButton" CssClass="findButton"  />
		</div>
	</div>
</body>
</html>


Добавил в класс:
vertical-align: middle;


Стало лучше, но в IE 8 и в Опере кнопка чуть выше инпута на несколько пикселей

Последний раз редактировалось ansi_str, 16.08.2012 в 10:54.
Ответить с цитированием