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

[malder 96]

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

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

Вот код button'a

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

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

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

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

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

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

[Atena 215]

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

Изменено 15 ноября, 2014 пользователем Atena

[malder 96]

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

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

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

[Atena 215]

Пиши скайп помогу.

[wester999 26]

css код

 

button, input[type=submit] {

border: none;

padding: 0;

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

}

[malder 96]

css код

 

button, input[type=submit] {

border: none;

padding: 0;

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

}

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

тему можно

 

//close

[wester999 26]

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

[malder 96]

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

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

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

[atlan 3]

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

Очень интересует такой вопрос, можно ли тэг 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="Регистрация" />

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