8 мая 2008 в 14:22
Столкнулся с проблемой - мне нужно было вместо кнопки "Отправить" поставить изображение. После нескольких часов мучений (пробовал заменять при выводе на кнопку с type="image") нашел простое решение - Стили!
Вот стиль для кнопки:
.form-submit
{
background: url(images/question_btn.gif) no-repeat top left !important;
font-size:0px;
overflow:hidden;
width:107px !important;
height:15px;
border:0;
cursor:pointer;
padding:15px 0 0 0;
}
результат - 
| Вложение | Размер |
|---|---|
 drupal_webform_submit_btn_theming.png | 2.5 КБ |
Комментарии
во всех браузерах смотрели результат?
Может еще подскажете, как в модуле click2bookmark заменить анкор "В закладки" на картинку?
Мне кажется, что при изменении внешнего вида любых элементов можно спокойно изменять их CSS стилями. Я на сайте у многих форм отображение кнопок изменил. Еще есть неплохой скрипт niceform.js, который позволяет менять все элементы форм, кроме type=file разумеется. Работает во всех браузерах. Не использовал на своем сайте, так как не люблю переполнять сайты лишним функционалом.
Прикольное решение проблемы )
Уже спрашивали, но ответа не было. Насколько это решение кроссбраузерно?
В опере была небольшая лажа. но в связи с откатом с друпала - я не довел до совершенства..
В IE всё равно будет виден мелкий текст кнопки...
для drupal 6.x надо заменить в файле search.module
строку
$form['submit'] = array('#type' => 'submit', '#value' => t('Search'));
на
$form['search_theme_form']['#value']='';
$form['submit'] = array('#type' => 'image_button', '#value' => t('Search'),
'#src' => 'путь к картинке');
где "путь к картинке" - это путь к вашему изображению на кнопке.
возможно это не правильно, но работает)
а как заменить кнопку отправить на ссылку?
чтобы можно было прописать для положения hover картинку другую