текст на картинке в материале - Joomla 2.5: Настройка и оптимизация

Добрый день! Подскажите пожалуйста:
Есть задача написать текст со ссылкой на картинке:

<div>
   <p style="text-align: right;"><span style="font-size: 14pt;"><strong><span style="font-family: 'times new roman', times;"><a href="/images/price.xls"><img title="скачать прайс" onmouseover="this.src='/images/1.png';" onmouseout="this.src='/images/2.png';" src="/images/1.png" alt="скачать" width="118" height="41" />скачать</a></span> </strong> </span>
   </p>
</div>

написать рядом текст получается, положила всю кучу в контейнер, а вот как дописать чтобы был текст со ссылкой на переднем плане от:

<img title="скачать прайс" onmouseover="this.src='/images/1.png';" onmouseout="this.src='/images/2.png';" src="/images/1.png" alt="скачать" width="118" height="41" />

 
подскажите пожалуйста где копать или примеры


спасибо )))

попробуйте так
А вообще я бы на вашем месте просто через background наверное сделал

попробуйте так

Код: html4strict

<div>
   <p style="text-align: right;"><span style="font-size: 14pt;"><strong><span style="font-family: 'times new roman', times;"><a href="/images/price.xls">
<img title="скачать прайс" onmouseover="this.src='/images/1.png';" onmouseout="this.src='/images/2.png';" src="/images/1.png" alt="скачать" width="118" height="41" style="position: absolute; z-index: -1;" />
скачать</a></span> </strong> </span>
   </p>
</div>

А вообще я бы на вашем месте просто через background наверное сделал

Так, я попробую обязательно вечером и если что через background тоже буду пытаться.  Спасибо

Google что забанили?
тут описана простая верстка наложения и доступным языком и если у вас возникают вопросы, то смотрите там и учите основы верстки и HTML

Google что забанили?
тут описана простая верстка наложения и доступным языком и если у вас возникают вопросы, то смотрите там и учите основы верстки и HTML

это форум поддержки

попробуйте так

Код: html4strict

<div>
   <p style="text-align: right;"><span style="font-size: 14pt;"><strong><span style="font-family: 'times new roman', times;"><a href="/images/price.xls">
<img title="скачать прайс" onmouseover="this.src='/images/1.png';" onmouseout="this.src='/images/2.png';" src="/images/1.png" alt="скачать" width="118" height="41" style="position: absolute; z-index: -1;" />
скачать</a></span> </strong> </span>
   </p>
</div>

А вообще я бы на вашем месте просто через background наверное сделал

всё равно вышло немного не то...  но огромное спасибо за подсказку