2

Проще говоря - есть стандартная кнопка - button type="button" которую нужно заменить на картинку. Сначала думал, что не сложно, теперь...) Подскажите, пожалуйста, способ решения проблемы.

3
  • А в чем проблемы (если можно, то с примером) 1 дек 2011 в 6:30
  • Спасибо за помощь - все решилось. Просто изначально неправильно начинал делать, теперь же все ясно. 1 дек 2011 в 6:36
  • А как привязать ссылку без CSS&
    – FryGuy
    7 ноя 2019 в 17:46

2 ответа 2

4

Есть <button>, в нем можно использовать <img .../>, например:

<button type="button"><img .../></button>

Так-же есть <input type="image" src="..." />

1
  • Можно и так, но через стили будет универсальнее, т.к. оформление отделено от разметки. А во-вторых, можно добавить дополнительные фичи, например изменение картинки при наведении или нажатии.
    – invincible
    1 дек 2011 в 6:38
1

А так не работает?

input[type="button"] {background: url(здесь УРЛ изображения) top left no-repeat;}

Вот примерчик нарисовал!

1
  • Вот еще примерчик, для наглядности преимущества реализации через таблицу стилей: jsfiddle.net/invincible/zfhrP/2
    – invincible
    1 дек 2011 в 6:48

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.