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

S@Nek
VIP
Сообщений 678
+
+1349
-
Ваши награды 18
S@Nek написал: В ответ пользователя S@Nek Написано 29 Января 2012 в 13:47
Сообщение № 1
Моя шапка сайта состоит из мини-профиля и основной картинки, в этой картинке я отобразил поле, для какогонибудь текста, и не знаю как это сделать через 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
+
+1715
-
Ваши награды 13
Goodmind написал: В ответ пользователя Goodmind Написано 29 Января 2012 в 20:20
Сообщение № 2
Может быть получится
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
Kavrasky написал: В ответ пользователя Kavrasky Написано 29 Января 2012 в 20:23
Сообщение № 3
Так попробуй

<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
Kavrasky написал: В ответ пользователя Kavrasky Написано 29 Января 2012 в 20:25
Сообщение № 4
Гудминд, текст должен находится перед картинкой тогда он будет там где нужно =)

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

Kavrasky
VIP
Сообщений 259
+
+110
-
Ваши награды 8
Kavrasky написал: В ответ пользователя Kavrasky Написано 29 Января 2012 в 20:34
Сообщение № 6
ну и пох biggrin

Kavrasky
VIP
Сообщений 259
+
+110
-
Ваши награды 8
Kavrasky написал: В ответ пользователя Kavrasky Написано 29 Января 2012 в 20:38
Сообщение № 7
Работает только он появляется в левом углу там все таки нужно было ставить left: 20%; happy
Форум » Форум веб мастеров » html & css » Отображение текста поверх картинки
Страница 1 из 11
Поиск:
Топ пользователей: