Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс
Войти через VK Войти через FB Войти через Google Войти через Яндекс
Поиск по сайту
Выравнивание кнопок-изображений в формах
Если просто вывести поле и кнопку это будет выглядеть так:
Как видите, по вертикали поле ввода и кнопка на разном уровне.
Код:
<input size="20" maxlength="50" type="text" title="Поиск">
<input type="image" src="/pic/poisk.gif" alt="Поиск">
Для выравнивания поля ввода и кнопки по вертикали зададим CSS-свойство
vertical-align:middle
:
<input size="20" maxlength="50" type="text" title="Поиск" style="vertical-align:middle;">
<input type="image" src="/pic/poisk.gif" alt="Поиск" style="vertical-align:middle;">
Можно использовать глобальные CSS-селекторы:
<style>
input { style="vertical-align:middle;"}
</style>
<input size="20" maxlength="50" type="text" title="Поиск">
<input type="image" src="/pic/poisk.gif" alt="Поиск">
Результат:
.
Прокомментировать/Отблагодарить