[X] Помощник

[Mukis Topic Starter]

Добрый день, уважаемые форумчане. Подскажите пожалуйста такой момент.
У меня на сайте появилась форма заявки, а вместе с ней и кнопка "отправить", которая высылает результат на почту.
Но кнопка эта страшная до ужаса. Есть такая же кнопка в виде изображения. Вот код кнопки, которая есть сейчас

<div class="clear"></div><div id="error-message-input_textarea_18"></div></div>
<div class="ccms_form_element cfdiv_submit" id="input_submit_131_container_div" style="text-align:center"><input name="input_submit_13" class="" value="Отправить" type="submit" />

Саму кнопку можно глянуть тут

Как и что необходимо изменить/прописать, чтобы действие было тоже (форма отправлялась), а кнопка была моя, в виде изображения.
Спасибо.

[Hallboy222]

<input name="input_submit_13" class="" value="Отправить" type="submit" />
Добавьте класс и настройке стили в css.

[Mukis Topic Starter]

Hallboy222, Что я должен прописать в стили css, чтобы выводилась моя кнопка?

кнопка

З.Ы. Я так понял в стилях шаблона template_css.css надо что то прописать)
В ксс совсем не силен, по возможности, распишите поподробнее)
Спс)

[Hallboy222]

.input13 {
margin: 0;
background: url(http://lang-spb.ru/images/Zapis5.png);
height: 38px;
width: 174px;
text-indent: -999px;
box-shadow: none !important;
-moz-box-shadow: none !important;
border: 0 !important;
padding: 0 !important;
}

Это в css.

<input name="input_submit_13" class="" value="Отправить" type="submit" />

Заменить на

<input name="input_submit_13" class="input13" value="Отправить" type="submit" />

Сообщение отредактировал Hallboy222 - 31.10.2013, 21:21

[Mukis Topic Starter]

Hallboy222, Спасибо огромное) Будем тестить)

Mukis, сделал все как сказали. Кнопка - исчезла)

Mukis, точнее, она есть, но ее не видно) Не отображается)

В стилях залито

.input13 {
margin: 0;
background: url(../images/Zapis5.png);
height: 38px;
width: 174px;
text-indent: -999px;
box-shadow: none !important;
-moz-box-shadow: none !important;
border: 0 !important;
padding: 0 !important;
}

В коде формы -

<input name="input_submit_13" class="input13" value="Отправить" type="submit" />

Пришлось вывести старую кнопку, так как предыдущая просто не отображалась. На нее можно было нажать. Она там "была", но не отображалась ни в одном браузере

Сообщение отредактировал Mukis - 31.10.2013, 21:22

[Hallboy222]

У Вас картинка по урлу просто недоступна, урл настройте правильно.

[Mukis Topic Starter]

Hallboy222, http://www.lang-spb.ru/images/Zapis5.png - эмм. доступна вроде ж

Хмм... урл рабочий, но Firebug пишет, что невозможно загрузить указанный урл...как так?

[Hallboy222]

А, ну да, это ж джумла. Просто для урла картинки пропишите (/images/). Без двух точек.
Так же для данного класса в css добавьте:

outline: none !important;

padding можете убрать и добавить ещё в css ниже:

.Chronoform input.input11 { padding: 0 !important; }

А также для margin в стиле input11 добавить !important

Сообщение отредактировал Hallboy222 - 31.10.2013, 22:44

[Mukis Topic Starter]

Hallboy222, Еще раз спасибо) Все работает) можно глянуть http://lang-spb.ru/component/com_chronofor...,506/view,form/ ))

Hallboy222, Все сделал, изменений не заметил, но Вам спасибо)

[Hallboy222]

Данным образом перекроются все, уже не нужные отступы для данной кнопки.
P.S. outline всё же лучше добавить, чтобы вокруг кнопки не было лишней обводки при клике.