Помогите с кнопками

[bakabek 4]

Имеются кнопки vote1.png и vote2.png (готовые не нуждающиеся в надписях)

нужно заменить кнопки "голосовать" и "результаты" в голосовании.

Так чтобы кнопки были в готовой png-шке и менялись при наведении.

[Bujhm 0]

И ?

[bakabek 4]

Нужно заменить стандартные кнопки на те что мне нужно.

И чтобы при наведении они менялись

[Bujhm 0]

Пропиши в шаблоне путь к новым кнопкам.

Пропиши в шаблоне пути к новым кнопкам.

[bakabek 4]

[votelist]<form method="post" name="vote" action=''>[/votelist]

<div class="votelist">{list}</div>

[voteresult]<div><small>Всего проголосовало: {votes}</small></div>[/voteresult]

[votelist]

<input type="hidden" name="vote_action" value="vote" />

<input type="hidden" name="vote_id" id="vote_id" value="1" />

<button class="fbutton" type="submit" onclick="doVote('vote'); return false;" ><span>Голосовать</span></button>

</form>

<form method="post" name="vote_result" action=''>

<input type="hidden" name="vote_action" value="results" />

<input type="hidden" name="vote_id" value="1" />

<button class="fbutton" type="submit" onclick="doVote('results'); return false;" title="Результаты" alt="Результаты"><span>Результаты</span></button>

</form>

[/votelist]

Можно подробнее?

[WWW.ZEOS.IN 1 161]

http://zeos.ho.ua/1.html

[Bujhm 0]

http://zeos.ho.ua/1.html

Что это такое? Спам? У меня отобразилась только белая страница с рекламой и рекламой google.

[WWW.ZEOS.IN 1 161]

Пример CSS спрайта и нажимать на картинку никто не заставлял. Изучайте html код

[Bujhm 0]

Короче! Вот код:

<style>

a.inet {

	display: block;

	background: url('1.png') no-repeat;

	width: 130px;

	height: 80px;

	border: 1px solid #a04141;

}


/* Ссылка при наведении */

a.inet:hover {

	background-position: -130px 0px;

}


/* Ссылка при нажатии */

a.inet:active {

	background-position: -260px 0px;

}

</style>

Изменено 13 августа 2011 пользователем Bujhm

[bakabek 4]

Народ. CSS кнопки у меня есть.

Мне надо эту байду интегрировать в <button class="fbutton" type="submit" onclick="doVote('results'); return false;" title="Результаты" alt="Результаты"><span>Результаты</span></button>

[Lomot 134]

button.fbutton{

        display: block;

        background: url('vote.png') no-repeat 0 0;

        width: 150px;

        height: 50px;

}


/* наведение */

button.fbutton:hover {

        background-position: -50px 0px;

}


/* нажатая(активная) */

button.fbutton:active {

        background-position: -100px 0px;

}

[bakabek 4]

Спасибо!