Перейти к содержанию
Авторизация  
malder

Заменить <Button> На Картинку

Рекомендуемые сообщения

Многоуважаемые форумчане, добра вам :friends:

Очень интересует такой вопрос, можно ли тэг button заменить на картинку? Речь идёт не об изменении ссылки! Это кнопка подтверждения регистрации.

Вот код button'a

  <div class="controls">
   <button type="submit" name="submit">Зарегистрироваться</button>
  </div>

Мне же надо сделать так, чтобы роль этой печальной кнопки исполняла картинка

<img src="<?php echo TPL ?>/images/123..png" alt="" />

С начала пробовал методом тыка. Потом пошёл учить мат. часть, но увы ничего подобного не нашёл.

Если такую махинацию проделать невозможно, то скажите, как можно убрать противный контур кнопки (это градиентный контур с началом f4f4f4 или fafafa). Простая замена цвета не помогла

Премного благодарен

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

в ксс напишите ещё и код картинки для controls

Изменено пользователем Atena
  • Upvote 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

в ксс напишите ещё и код картинки для controls

я только 5-ь раз на курсы ходил и мои знания ещё не позволяют проводить такие манипуляции =(

Может ссылочку на мат. часть дадите ну или туториал?)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

css код

 

button, input[type=submit] {

border: none;

padding: 0;

background: url('ссылка на картинку') no-repeat 0 0;

}

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

css код

 

button, input[type=submit] {

border: none;

padding: 0;

background: url('ссылка на картинку') no-repeat 0 0;

}

помогло. Большое спасибо!

тему можно

 

//close

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

когда ты открываешь html код button (<button type="submit") если type изменишь, то и в css input[type=submit] изменить надо

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

когда ты открываешь html код button (<button type="submit") если type изменишь, то и в css input[type=submit] изменить надо

я уже в этом разобрался)

А тему кинул в закладку, так как полезная очень

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Многоуважаемые форумчане, добра вам :friends:

Очень интересует такой вопрос, можно ли тэг button заменить на картинку? Речь идёт не об изменении ссылки! Это кнопка подтверждения регистрации.

Вот код button'a

<div class="controls">
<button type="submit" name="submit">Зарегистрироваться</button>
</div>

Мне же надо сделать так, чтобы роль этой печальной кнопки исполняла картинка

<img src="<?php echo TPL ?>/images/123..png" alt="" />

С начала пробовал методом тыка. Потом пошёл учить мат. часть, но увы ничего подобного не нашёл.

Если такую махинацию проделать невозможно, то скажите, как можно убрать противный контур кнопки (это градиентный контур с началом f4f4f4 или fafafa). Простая замена цвета не помогла

Премного благодарен

У меня кнопка написана вот так
<input style="cursor:url('../hand.cur'),auto;" type="image" name="register" src="{template}/images/reg_1.png"
onMouseOver="this.src='{template}/images/reg_2.png'" onMouseOut="this.src='{template}/images/reg_1.png'" value="Регистрация" />

тут и курсор свой вписать сможешь и кнопку активную, типа при наведении будет подставляться другая картинка

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
Авторизация  

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×
×
  • Создать...