Выравнивание кнопки в поисковой форме - HTML и CSS

zelja · 27.08.2010, 21:30

Помогите разобраться,

Код HTML:

<html>

<head>
  <title>grg</title>
</head>

<body bgcolor="#938f80">

<form name="search" method="post" action="/">
<input type="hidden" name="do" value="search">
<input type="hidden" name="subaction" value="search">
<b>
Найти:
</b>
<input name="story" type="text" style="width:140px; height:18px; font-family:tahoma; font-size:11px;border:1px solid #ffffff">
<input name="submit"  type="submit" value="Поиск" style="height:18px; font-family:tahoma; font-size:11px; border:1px solid #ffffff " >
</form>

</body>

</html>

Нужно выровнять форму ввода запроса и кнопку отправки запроса по вертикали.

Виталий Желтяков · 28.08.2010, 00:45

В таблицу всё загоните и там выравнивайте.

shevron · 28.08.2010, 14:55

Цитата:

Сообщение от zelja

Нужно выровнять по вертикали.

Я не очень понял, ты имеешь ввиду так:

Код HTML:

<html>

<head>
  <title>grg</title>
</head>

<body bgcolor="#938f80">

<form name="search" method="post" action="/">
<input type="hidden" name="do" value="search">
<input type="hidden" name="subaction" value="search">
<b>
Найти: <br>
</b>
<input name="story" type="text" style="width:140px; height:18px; font-family:tahoma; font-size:11px;border:1px solid #ffffff"><br>
<input name="submit"  type="submit" value="Поиск" style="height:18px; font-family:tahoma; font-size:11px; border:1px solid #ffffff " >
</form>

</body>

</html>

zelja · 29.08.2010, 13:26

Цитата:

Сообщение от shevron

Я не очень понял, ты имеешь ввиду так:

Код HTML:

<html>

<head>
  <title>grg</title>
</head>

<body bgcolor="#938f80">

<form name="search" method="post" action="/">
<input type="hidden" name="do" value="search">
<input type="hidden" name="subaction" value="search">
<b>
Найти: <br>
</b>
<input name="story" type="text" style="width:140px; height:18px; font-family:tahoma; font-size:11px;border:1px solid #ffffff"><br>
<input name="submit"  type="submit" value="Поиск" style="height:18px; font-family:tahoma; font-size:11px; border:1px solid #ffffff " >
</form>

</body>

</html>

нет, если посмотреть там получается что кнопка ввода и строка находятся на разном уровне

shevron · 30.08.2010, 20:21

Нарисуй что тебе нужно, я тебя не пойму

zelja · 30.08.2010, 23:30

вот как это выглядит в мозилле

Виталий Желтяков · 31.08.2010, 07:51

В таблицу всё загоните и там выравнивайте.

zelja · 31.08.2010, 16:42

Цитата:

Сообщение от Виталий Желтяков

В таблицу всё загоните и там выравнивайте.

Может поможете? Ковыряюсь но не выходит чтото

Виталий Желтяков · 31.08.2010, 18:08

Код:

<html>

<head>
  <title>grg</title>
</head>

<body bgcolor="#938f80">

<form name="search" method="post" action="/">
<input type="hidden" name="do" value="search">
<input type="hidden" name="subaction" value="search">
<table width="200px" border="0" cellpadding="0" cellspacing="0" >
<tr height="20px" valign="middle">
<td colspan=2><b>Найти:</b></td>
</tr>
<tr height="20px" valign="middle">
<td><input name="story" type="text" style="width:140px; height:18px; font-family:tahoma; font-size:11px;border:1px solid #ffffff"></td>
<td><input name="submit"  type="submit" value="Поиск" style="height:18px; font-family:tahoma; font-size:11px; border:1px solid #ffffff " ></td>
</tr>
</table>
</form>

</body>

</html>

ar. · 23.12.2011, 17:01

Цитата:

Сообщение от Виталий Желтяков

Код:

<html>

<head>
  <title>grg</title>
</head>

<body bgcolor="#938f80">

<form name="search" method="post" action="/">
<input type="hidden" name="do" value="search">
<input type="hidden" name="subaction" value="search">
<table width="200px" border="0" cellpadding="0" cellspacing="0" >
<tr height="20px" valign="middle">
<td colspan=2><b>Найти:</b></td>
</tr>
<tr height="20px" valign="middle">
<td><input name="story" type="text" style="width:140px; height:18px; font-family:tahoma; font-size:11px;border:1px solid #ffffff"></td>
<td><input name="submit"  type="submit" value="Поиск" style="height:18px; font-family:tahoma; font-size:11px; border:1px solid #ffffff " ></td>
</tr>
</table>
</form>

</body>

</html>

Это всё хорошо, но как поместить кнопку в окно ввода и выровнять по правую строну окна?

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Перемещение кнопки по форме!	bookkc	Помощь студентам	6	14.03.2010 09:39
Очистка полей на форме с кнопки	vlad_stv	Microsoft Office Access	6	03.03.2010 13:37
по нажатию кнопки на 2 форме перезагружалась 1	Linore	Общие вопросы .NET	2	28.02.2010 22:20
Как изменить на форме цвет кнопки закрыть?	VintProg	Общие вопросы Delphi	1	10.07.2009 17:08
Кнопки на форме	forzi	Помощь студентам	5	10.05.2008 11:56

28.08.2010, 00:45	#2
Виталий Желтяков Старожил Регистрация: 19.04.2010 Сообщений: 2,702	В таблицу всё загоните и там выравнивайте.

30.08.2010, 20:21	#5
shevron Пользователь Регистрация: 27.08.2010 Сообщений: 30	Нарисуй что тебе нужно, я тебя не пойму

30.08.2010, 23:30	#6
zelja Регистрация: 27.08.2010 Сообщений: 4	вот как это выглядит в мозилле

31.08.2010, 07:51	#7
Виталий Желтяков Старожил Регистрация: 19.04.2010 Сообщений: 2,702	В таблицу всё загоните и там выравнивайте.