echo вывод теста по верх изображения - Joomla 1.5: Общие вопросы

Добрый.

Ну это обычно достигает абсолютным позиционированием. Для родительского элемента назачается position: relatvie, а для дочернего position: absolute.

То есть в стилях прописывать?

Да, вот подробности:
http://htmlbook.ru/content/fiksirovannyy-dizayn-pozitsionirovanie

 echo "<P><img src='/modules/mod_jcomments/images/moduletable_10.png'></P>";

Код

echo "<p><img src='/modules/mod_jcomments/images/moduletable_10.png'><span>Нужный текст</span></p>";

Соответственно img задаете relative, а span -  absolute и двигаете с помощью значений стилевых свойств left, top, right и bottom.

echo "<p><div class=1><img src='/modules/mod_jcomments/images/moduletable_10.png'></div><div class=2><span>Нужный текст</span></div></p>";

Не обязятельно. По идее родителем тут выступает <p>. Но, если не сработает, то можно вот так попробовать:

Код

echo "<div>
<p><img style='position:relative' src='/modules/mod_jcomments/images/moduletable_10.png'><span style='position:absolute; left:5; top:5'>Нужный текст</span></p>
</div>";

Так, я походу чуток неправильно подсказал. Родителю нужно задать position:relative

Код

echo "<div style='position:relative'>
<img src='/modules/mod_jcomments/images/moduletable_10.png'><span style='position:absolute; left:5; top:5'>Нужный текст</span>
</div>";

Не изменилось. Буду пробовать стилями допиливать. Спасибо.

<div style='position:relative'>
	<img src='/modules/mod_jcomments/images/moduletable_10.png'><span style='position: absolute; left: 5px; top: 5px;'>Нужный текст</span>
</div>

Текс, просто самому интересно Вот у меня рабочий код какой получился:

Код

<div style='position:relative'>
	<img src='/modules/mod_jcomments/images/moduletable_10.png'><span style='position: absolute; left: 5px; top: 5px;'>Нужный текст</span>
</div>

Я походу в предыдущем примере пропустил px в top и left ^^

echo "
<p><img style='position:absolute' src='/modules/mod_jcomments/images/moduletable_10.png'><span style='position:relative; left:45px; top:5px;'>Нужный текст</span></p>
";

http://www.contra.lv/test.html

Пример, что код рабочий