Как сделать дизайн полю?

Здрасти. сделал формочку с кнопкой, он в css я ненастока силен, прошу помочь.
на скрине
Фот форма, хотел поле ввода оставить как есть илидаже сделать с загруглеными полями
а кнопку поместить под полем, тоже немного закругленымиполями углами. кнопочка должна быть одинаковой длины с полем.
когда я вставил <br> кнопка слезла вниз но стала левее
(скрин 2)
стала левеее поля, вообщем вылезда вкрай кудато…

Константин Г., поможет htmlbook.ru
Конечно ответ не комельфо, но как подсказать если сайт не видишь. Ссылку

Константин Г., поможет htmlbook.ru
Конечно ответ не комельфо, но как подсказать если сайт не видишь. Ссылку

Дак сайт на денвере еще. зачем его выкладывать если еще не сделал!

<h3 align=center style="margin-bottom:0;"><a href="/">
<img src="/images/pomogi.gif" style="margin-bottom:-2px;"></a>  <b>Поиск в сети Internet:</b>
</h3>

<p aligт=center><form method='POST' accept-charset='utf-8'>
<input type='text' name='query' id='query' value='<?php print iconv('UTF-8','UTF-8',$_REQUEST['query']); ?>' style='width:80%;margin-left:5%'/>
<input type="hidden" name="page" value=0 />
<input type="hidden" name="host" value='' />

<input type="submit" class="great_btn" value="Искать"/>
</form>
</p>
<?php

это форма.
вот стиль:
/* МОЙ КОД */
/* dedushka.org/uroki/3866.html */
.great_btn {
background: linear-gradient #000(to bottom, #0bc408 0%,#09a206 100%);
background-color: #000;
color: #fff;
font-size: 16px;
text-shadow: 0 1px 0 #757575;
padding: 4px 0 5px 0;
margin: 0;
cursor: pointer;
border: 0;
position: center;
box-shadow: 0 -1px 0 #0e780c, 0 1px 0 #000;
width: 15px;
border-radius: 2px;
}
/* МОЙ КОД КОНЕЦ */

всё. такой маленький.

Константин Г., style должно быть в двойных кавычках это на заметку. Тегу <p> допишите display:block так как он строковый.
поиграйте с размерами блока. А там уже выравнивайте как вам угодно. И такой код просто ужасен даже для понимания.

qb, с каких это пор <p> стал строчным элементом и в какие такие двойные кавычки нужно style загонять? Ну просто интересно…

Pasha, а разве P блочный? он по моему строка.
UPD сорри да блочный. Сглупил.

Так, а как кнопку разтянуть? Вообщеюс ее масштабом чтонить сделать. На 1 скрмне видмте она размером как поле, юно она немного ниже…

Шо тада <p> на <div> заменить?

НЕОДНОГО ЗДРАВОГО Й ПОМОЩИ…

Скачайте инструмент генерации форм, там для себя найдете примеры в коде

НЕОДНОГО ЗДРАВОГО Й ПОМОЩИ...

Константин Г., что вы курите?

Константин Г., можно поиграться с отступами margin, padding и можно float
либо поле либо кнопку отцентровать как нужно...

стала левеее поля, вообщем вылезда вкрай кудато...

потому что у поля отступ стоит 5% а у кнопки его нет) вот кнопка и позиционируется без отступа при переносе.

Я конечно не совсем понял что нужно сделать) поэтому советую наугад!)

в стили кнопки добавьте
width: 80%;
margin-left: 5%;

и верните свой <br>

Кнопка появится под полем на всю длину поля…

НЕОДНОГО ЗДРАВОГО Й ПОМОЩИ...

Константин Г., что вы курите?

хотите дать закурить?

Константин Г., получилось?