VPF::выравнивание и размеры элементов формы

begin

Дата 3.4.2009, 12:19 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 415
Регистрация: 16.5.2007

Репутация: нет
Всего: нет

Есть форма поиска. Выглядит она вот так:

Код


input.s1
{background-image:url(images/7.jpg); background-attachment:scroll; background-position: center center; background-repeat:no-repeat; margin:0px; padding:0px; border:none; background-color:transparent; width:26x; height:31px; text-align:center; vertical-align:bottom;}
input.s2
{background-image:url(images/8.jpg); background-attachment:scroll; background-position: center center; background-repeat:no-repeat; margin:0px; padding:0px; border:none; background-color:transparent; width:189x; height:31px; text-align:center; vertical-align:bottom;}

Код


<div class='c_form'>
<table border='1' width='215' cellpadding='0' cellspacing='0'><tr height='31'>
<form action='index.php' method='post' name='search'>
<input type='hidden' name='option' value='4'>
<td width='26' align='left' valign='top'>
<input type='submit' class='s1' name='add' value=' &nbsp; &nbsp; &nbsp;'>
</td><td width='26' align='left' valign='top'>
<input type='text' class='s2' name='text' value='' size='30'>
</td>
</form>
</tr></table>
</div>

И есть две проблемы:
1. текст в поле не хочет выравниваться по вертикали по центру
2. кнопка образается. хотя ее размер задан равным размеру картинки для ее фона

bars80080

Дата 3.4.2009, 12:51 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

2. есть ли стиль:

Код


* { margin: 0px; padding: 0px; }

?

1. попробуйте поманипулировать с помощью line-height
если не поможет, то просто padding-top

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »