• Страница 1 из 1
  • 1
Форум » Форум веб мастеров » html & css » Отображение текста поверх картинки
Отображение текста поверх картинки

S@Nek
VIP
Сообщений 678
+
+1349
-
Ваши награды 18
Моя шапка сайта состоит из мини-профиля и основной картинки, в этой картинке я отобразил поле, для какогонибудь текста, и не знаю как это сделать через html, хотелось бы через
<div> увидеть как это будет наглядно.
Вот пример:
Code

Верхняя часть сайта(без мини-профиля для лёгкости :3):
Code

<div id="all">
<table align="right"><tr><td>
<img src=/images/l.png usemap="#karta1","#karta12">  
<map name="karta1">
<area href="/" shape="rect" coords="10,124,46,161">
<area href="/forum" shape="rect" coords="10,174,46,211">
</map>
  </tr></td> </table>

Добавлено (29.01.2012, 13:47)
---------------------------------------------
http://test-soul.3dn.ru/images/l.png - ссылка шапки

подпись: S@Nek
«Пред. тема След. тема»

Goodmind
VIP
Сообщений 466
+
+1735
-
Ваши награды 13
Может быть получится
Code

<div id="all">  
<table align="right"><tr><td>  
<img src="http://test-soul.3dn.ru/images/l.png" usemap="#karta1","#karta12">   
<map name="karta1">  
<area href="/" shape="rect" coords="10,124,46,161">  
<area href="/forum" shape="rect" coords="10,174,46,211">  
</map>  
<div style="position:absolute;top:35px;color:#fff;left:29%;">Текст текст текст текст<br>Всякий текст Всякий <br>всякий.</div>
   </tr></td> </table>  
подпись: Goodmind спешит на помощь! Goodmind

Kavrasky
VIP
Сообщений 259
+
+110
-
Ваши награды 8
Так попробуй

<div id="all">
<table align="right"><tr><td>

<div style="position:absolute; z-index: 100; top: 10px; left: 12px;">
ТУТ ТЕКСТ
</div>

<img src=/images/l.png usemap="#karta1","#karta12">
<map name="karta1">
<area href="/" shape="rect" coords="10,124,46,161">
<area href="/forum" shape="rect" coords="10,174,46,211">
</map>
</tr></td> </table>

Kavrasky
VIP
Сообщений 259
+
+110
-
Ваши награды 8
Гудминд, текст должен находится перед картинкой тогда он будет там где нужно =)

S@Nek
VIP
Сообщений 678
+
+1349
-
Ваши награды 18
Гудминд, спасибо выручил :3
Kavrasky, твоё не работает sad
подпись: S@Nek

Kavrasky
VIP
Сообщений 259
+
+110
-
Ваши награды 8
ну и пох biggrin

Kavrasky
VIP
Сообщений 259
+
+110
-
Ваши награды 8
Работает только он появляется в левом углу там все таки нужно было ставить left: 20%; happy
Форум » Форум веб мастеров » html & css » Отображение текста поверх картинки
  • Страница 1 из 1
  • 1
Поиск:
Друзья сайта:
Связаться с администратором для дружбы! В Вовчик
Nk-CS.Ru - Лучшие шаблоны для uCoz n na3uTuB4uk94
Web-мастер системы uCoz R Roman_Domnin
Связаться с администратором для дружбы! В Вовчик
Связаться с администратором для дружбы! В Вовчик
Топ пользователей: