Кнопку поместить внутрь поля

[keen_]

Подскажите пожалуйста как взять кнопку в поле как на картинке:

[chyvakoff]

Всмысле взять кнопку?

[KPEATuBHO]

у поля делаете правый паддинг в ширину кнопки. У кнопки делаете отрицательный левый марджин в ширину кнопки.

[Naive]

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

у поля делаете правый паддинг в ширину кнопки. У кнопки делаете отрицательный левый марджин в ширину кнопки.

Лучше сделать как у гугля: див с рамкой, внутри инпут с отрубленными стилями и слева от него кнопка.

[KPEATuBHO]

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

Лучше сделать как у гугля: див с рамкой, внутри инпут с отрубленными стилями и слева от него кнопка.

Не могу не согласится. Тру вэй, товарищи!

[keen_]

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

Лучше сделать как у гугля: див с рамкой, внутри инпут с отрубленными стилями и слева от него кнопка.

Да, я и хотел сделать как у Гугла, но не смог разобраться с их кодом.

Можно наглядно привести пример дива с рамкой и отрубленными стилями?

[Naive]

html

<div id="form">
  <input type="text" id="q">
  <input type="button" value="поиск" id="s">
</div>

css

#form {border:1px solid #999}
#q {border:none;background:none;padding:none}

[keen_]

Да, офигительно! Но сама кнопка не выравнена к правому краю поля. А если я её туда загоняю командой float; right, то она горизонтально неровно встаёт. Как бы её выравнить, чтобы нижний и верхний отступы были равными.

[fa_t]

Столкнулся с такой же проблемой.

[Naive]

Клуб анонимных верстальщиков
"Меня зовут Фэт, и я столкнулся с дизайном"
- здравствуй, Фэт *неловкие апплодисменты*