[Help] как изменить картинку кнопки поиска?

Статус
В этой теме нельзя размещать новые ответы.

BGVA

Постоялец
Регистрация
9 Янв 2009
Сообщения
71
Реакции
25
скажите как изменить кнопку, а тоесть я хочу чтобы вместо стандартного button была моя картинка в виде кнопки и когда на картинку жмут она выполняет функцыю кнопки.

Код:
<div cass="searchForm" align="center"><form onsubmit="this.sfSbm.disabled=true" method="get" style="margin: 0pt;" action="#####"><input name="" maxlength="30" size="100" clss="queryField" type="text"><input class="searchSbmFl" name="sfSbm" value="Поиск" type="submit"></form></div>

Вот у меня форма поиска я хочу там сменить кнопку на свою картинку.

Подравьте пожалуйста и укажите где указывать путь к картинке.
Заранее блогодарен. :)
 
HTML:
<div cass="searchForm" align="center"><form onsubmit="this.sfSbm.disabled=true" method="get" style="margin: 0pt;" action="#####"><input name="" maxlength="30" size="100" clss="queryField" type="text"><input class="searchSbmFl" name="sfSbm" value="Поиск" type="image" src="image.jpg"></form></div>
Но там есть какие-то заморочки свои, читай тут например:
 
  • Нравится
Реакции: BGVA
При помощи CSS обратись к кнопке по классу .searchSbmFl{background: url (ссылка на картинку);
 
  • Нравится
Реакции: BGVA
Спасибо за помощь.
Вобщем нужно было просто type сменить и добавить scr теперь буду знать. =)

Код:
type="image" src="image.jpg">
:yahoo::ay:
 
в таких и других подобных случаях достаточно найти пример на другом сайте и посмотреть как там сделано. через исходный код или (ещё проще) установить фаербаг.

type="image" не всеми браузерами корректно обрабатывается
желательно использовать старый добрый type="submit"

а именно

Код:
<fieldset class="upload_butt">
<input class="btn" type="submit" value="текст кнопки" name="submit_btn"/>
</fieldset>
и стиль
Код:
.upload_butt .btn {
background-image:url(http://путь к картинке);
background-repeat:no-repeat;
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху