Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Текст на картинке (Прочему то неправильно работает)
Текст на картинке
Peha
Сообщений: 20
Репутация: 0

Сообщение # 1 | 15:55:13
Сделал информер типа "Другие файлы" с такими настройками:
Количество материалов: 3 ; Количество колонок: 3
Шаблон информера следующий:
Код
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<div>
<tr>
<td valign="top">
<a href=$ENTRY_URL$ style="text-decoration: none; color: white;"><img id="ImgHid" src=$SCREEN_URL$ height="150" width="190" style="position: relative;"><br><span class="TextOnImg"> $TITLE$</span></a>
<td>
</tr>
</div>
</table>

Стили:
Код
#ImgHid:hover {border: 1px solid red;}
#ImgHid {border: 1px solid black;}
.TextOnImg {position: absolute; left: 9px; top: 139px;width: 190; background: rgba(0,0,0,0.85);}

В этом случае текст должен быть на картинке, но он появляется в левом углу экрана(хотя я указал position: relative на КАРТИНКЕ)
Вставлял этот код в онлайн редакторе html, все работаем, текст на картинке. НЕ пойму в чем дело, почему не работает(
Head-Mad
Сообщений: 377
Репутация: 129

Сообщение # 2 | 04:49:39
Peha, дело в том, что, элемент позиционируется абсолютно относительно оборачивающего его тега. В данном случае он позиционируется относительно body. Просто оберни ссылку с картинкой и этот span в div(например) и задай ему относительное позиционирование(position:relative).

Можешь забрать этот код и вставить его себе, сам знаешь куда.
Сообщение отредактировал Head-Mad - Понедельник, 23 Мар 2015, 14:30:07
Peha
Сообщений: 20
Репутация: 0

Сообщение # 3 | 20:09:42
О, спасибо большое все вышло, текст правильно отображается!
юкозчик
Сообщений: 115
Репутация: 1
Уровень замечаний:

Сообщение # 4 | 23:14:57
а как и мне сделать на этом информере
Код
<a href="$ENTRY_URL$"><img src="$IMG_URL1$" alt="" width="135px" height="185px" align="absMiddle" style="margin: 5px;"></a><br>
текст на картинке. вставил цсс выще указанное но не получилось
Сообщение отредактировал юкозчик - Понедельник, 23 Мар 2015, 23:16:21
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Текст на картинке (Прочему то неправильно работает)
Страница 1 из 11
Поиск: