Картинка в инпут бутон?

[CosaNostra]

Как да вкарам картинка в инпут бутон?

Пробвах с <input type="submit" value="<img src='images/image.gif'>" />, но не става... Някакви идеи? :idea:

 

[kriss]

<input type="image" src="images/image.gif" value=" " />

пп: с css:
[css]
.submit {background:url('images/image.gif');background-repeat:no-repeat;width:..;height:..;}
[/css]

<input type="submit" class="submit" value=" " />

[/css]

 

[tedo96]

Задай е с css...

 

[CosaNostra]

Задай е с css...

По-точно?

 

[CosaNostra]

<input type="image" src="images/image.gif" value=" " />

пп: с css:
[css]
.submit {background:url('images/image.gif');background-repeat:no-repeat;width:..;height:..;}
[/css]

<input type="submit" class="submit" value=" " />

[/css]

Аха, стана обаче ми се застъпва от текста в бутона... как да го оправя?

 

[tedo96]

Просто на текста му сложи малко padding.

 

[adrian]

Този метод е подходящ ако не те касае какво ще се получи под IE 6 и 7. Но да знаеш, че там има проблем. Ако текстът ти стане по-дълъг от input-а background-a бяга. Тогава можеш да използваш:

[css].input_text {
background: url('image.jpg') no-repeat;
width: 156px;
height: 22px;
}
.input_text input {
background: none;
border: 0;
}[/css]

<div class="input_text"><input type="text" /></div>