Чат сообщества
|
   |
| Модератор форума: Yuri_G |
| Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Текст на картинке (Прочему то неправильно работает) |
| Текст на картинке |
|
Сделал информер типа "Другие файлы" с такими настройками:
Количество материалов: 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, все работаем, текст на картинке. НЕ пойму в чем дело, почему не работает( |
|
Peha, дело в том, что, элемент позиционируется абсолютно относительно оборачивающего его тега. В данном случае он позиционируется относительно body. Просто оберни ссылку с картинкой и этот span в div(например) и задай ему относительное позиционирование(position:relative).
Можешь забрать этот код и вставить его себе, сам знаешь куда.
Сообщение отредактировал Head-Mad - Понедельник, 23 Мар 2015, 14:30:07
|
|
а как и мне сделать на этом информере
Код <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
|
| |||
| |||