Форум Сайтостроение Веб-строительство

Округлая строка поиска

lazio
На сайте с 05.10.2006
Offline
47
lazio
789

Уважаемые форумчане помогите решить вопрос.

http://www.q-style.net/bla/test.html вот нужна такая строка только работающая ровно во всех браузерах. Данный вариант набросал, он ровно смотрится только в опере и лисе (и то разница в падинге текста) нужно что б и в ие строка была ровной. Самому реализоват не получилось((

вот код если кому проще сразу на него взглянуть:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.find {
background: url(images/menu_bg.gif) repeat-x;
border:none;
width:240px;
height:24px;
color:#000000;
font-size:11px;
margin:0;
padding-top:4px;
}
-->
</style>
</head>

<body>
<form action="/" method="get">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="right" valign="top"><img src="images/search_l.gif" alt="" /></td>
<td width="240" align="left" valign="top"><input class="find" type="text" name="keyword" /></td>
<td align="left" valign="top"><input type="image" src="images/find.gif" /></td>
</tr>
</table>
</form>
</body>
</html>
COMFI - Начни Зарабатывать! (http://affiliate.comfi.ru/a2/466735/Program-Overview)
stealthy
На сайте с 15.06.2006
Offline
69
stealthy
#1

Вообще-то логичнее бэкграунд делать не у инпута, а у клетки таблицы. Тогда вам не придется дергаться как там браузер поле ввода спозиционирует внутри клетки.

Twilight CMS (http://www.twl.ru): есть Free версия, очень проста и удобна в использовании. Консультирую по любым вопросам. Новый спорт - практическая стрельба (http://nikit.in) - не для офисного планктона.
Varkolak
На сайте с 03.06.2005
Offline
174
Varkolak
#2

lazio, все делается гораздо, проще, тоже была трабла нужно было тень присобачить, оч долго думал.

Короче все делается оч просто, можно как уже сказали все это дело сделать в таблицах, а можно в дивах, просто 3 див блока, один в другой вложен - ну с картинками разберетесь, а у инпута делаете в css border:none; и у background:none; - дальше шаманите с размерами, то как вам надо.

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие
lazio
На сайте с 05.10.2006
Offline
47
lazio
#3

Спасибо за помощь))

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий