html+css

http://htmlbook.ru/css/background-image

siv1987, пробовал я это уже, не получается.

---------- Добавлено 01.09.2012 в 17:53 ----------

HTML

<div class="pricing-table">

    <div class="site-vizit">

        <a class="zakaz" href="#">Заказать сайт</a>       

    </div >

</div>

CSS

.pricing-table .zakaz{position: relative;padding: 10px 20px;color: #fff;font: bold 16px Verdana, Helvetica;text-transform: none;text-decoration: none;display: inline-block;background-color: #72ce3f;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;text-shadow: 0 -1px 0 rgba(0,0,0,.15);opacity: .9;margin: 0px 0 0 10px;}

.pricing-table .zakaz:hover{opacity: 1;}

.pricing-table .zakaz:active{-moz-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;}			

.pricing-table .site-vizit .zakaz{background: #009e47;}

К классу zakaz в css прописать: background-image: url(images/кнопка.jpg) no-repeat;

Что там может не получаться? 0_0

Вместо "Заказать сайт" тег <img> с картинкой кнопки еще можно

Во блин, мой вариант неправильный) :)

про тег img правильный..

Geers, TaediumVitae,

<div class="pricing-table">

    <div class="site-vizit">

        <a class="zakaz" <img src="../images/arrow.png" alt="альтернативный текст" href="#">Заказать сайт</a>       

    </div >

</div>

Не появляется кнопка.

Geers, да мне больше интересно, что там может не получаться с бэкграундом =/

В чем проблема-то? Ткнул в фон первую попавшуюся картинку:

работает. Может вы с путями намудрили?

Перед img удали <

Вот так нужно:

Но тогда текста не будет, его придется запиливать на картинку.

То, что вам нужно - это background, только пути проверяйте.

Вы меня не поняли)

Работать мой метод конечно будет) но это будет бакроунд а не активная графическая кнопка. :)

Совсем запарился) 🤪

Вы про img правильно написали. ;)

Я об этом..