бутон картинка?

[hackera]

<input type="reset" value="Изчисти" />
<input name="imoti" type="submit" value="Добави">

как да направя тези двата бутона да са картинки, но да изпълняват същите функции?

 

[shterev]

слагаш им по един цсс клас и ги уформяш
пример:

.submit { width:100px; height:100px;
background: url(snimka.gif) no-repeat left top;
cursorointer; border:0px;}

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

същото и за др бутон.

 

[Dj_BalthazaR]

Слагаш им по 1 class="buttons1" и ако искаш на другото да е различно слагаш class="buttons2".После в style:

.buttons1 {
background-image: url('kartinka.gif');
}

 

[koychev]

Или по лесния начин
<input type="image" src="kartinka.jpg" />
По този начин обаче става само събмит бутона.

 

[SveXteZ]

и
input[type="submit"] {
background:url(snimka.jpg) no-repeat;
}
Също ще работи само че така ще е за всички такива бутони :wink:

 

[hackera]

така бутона излиза с надпис Submit Query

 

[shterev]

<input class="submit" name="imoti" type="submit" value="Добави"/>

 

[hackera]

<input class="submit" name="imoti" type="submit" value="Добави"/>

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

 

[koychev]

Сетих се и за друг вариант
<form method="post" name="forma" id="forma">

<input type="text".......
.....
тук са ти полетата на формата
......

<img src="kartinka.jpg" onclick="document.forma.submit()" style="cursorointer" />
</form>
Този вариат ми се струва най-удобен, защото картинката може и да не сложена в самата форма както съм го показал по горе, а може да е навсякъде в страницата.

 

[plamka]

няма ли да е най-добре да си отреже бутончетата и да ги сложи като background и след това да си ги надпише ?!

 

[hackera]

някой ще каже ли как ще станат и двата бутона и да работят!!! :roll: :roll: :roll:

 

[devent]

http://cssbutton.com/forms/