Как разместить кнопки на картинке и текст?

Проще всего через CSS. Задаете относительное позиционирование:

<div style="background-image:url('img.png'); width: 100px; height: 100px">
    <div style="position: relative; top: 10px; left: 30px">ОЛОЛО</div>
</div>