ТвойWeb :: Версия для печати :: Как сделать ссылки поверх изображения? [2]

11. SviMik - 16 Апреля, 2005 - 14:03:38 - перейти к сообщению

ETC пишет:

а что мешает нарисовать его прямо на картинке и сделать area?

1) Нельзя будет потом этот текст передвинуть.
2) А если картинку сменить захочется, опять рисовать придётся.
3) А если цвет или шрифт поменять захочется?
4) Текст изменить?
5) А изменение стиля текста при наведении мыши (цвет, шрифт, и т.п.)?

12. ETC - 16 Апреля, 2005 - 14:09:02 - перейти к сообщению

Ну тогда делаем таблицу, в качестве фона - картинку, а ссылка - в самой ячейке. Можно добавить div на ссылку и назначить отступ сверху и слева от угла ячейки...

13. SviMik - 16 Апреля, 2005 - 14:26:18 - перейти к сообщению

ETC пишет:

Ну тогда делаем таблицу, в качестве фона - картинку

Не обязательно. Есть и другие более простые варианты. Например,

CODE:

<td>
<img src="1.jpg">
<div align="center" style="margin-top:-25px;">
<a href="bla-bla-bla.htm">Кликни</a>
</div></td>

14. ETC - 16 Апреля, 2005 - 14:42:56 - перейти к сообщению

Ну, можно и так, хотя не совсем правильно, ссылка-то должна располагаться там же, где и картинка... вариант с таблицей проще

15. SviMik - 16 Апреля, 2005 - 14:50:42 - перейти к сообщению

ETC пишет:

ссылка-то должна располагаться там же, где и картинка...

Непонял? Ссылка и получается прямо на картинке. А с фоном не проще - ещё таблицу рисовать, размеры прописывать, чтоб картинка не размножалась...

16. Валерий - 16 Апреля, 2005 - 14:55:36 - перейти к сообщению

SviMik
Че ты написал?
Ты же просто в ячейку ВСТАВИЛ картинку, и в этой же ячейке написал ссылку.
Блин, рисунок должен быть фоном!!! Чтобы ПО РИСУНКУ сделать надпись любую. Поставь себе свой код и проверь.
Посмотри мой пост раньше.
Или свободная область с рисунком, то есть слой, или ячейка таблицы - с фоновым рисунком.
\n\n(Добавление)
SviMik
Вот код, проверь, где ссылка будет и попробуй выделить рисунок.

CODE:

<body>
<table width="100%" border="0" cellspacing="1" cellpadding="1">
<tr>
<td background="file:///D|/Valeri/FINISH SAYT/ZZZ/smayl/aist.gif"> <div align="center"><a href="file:///D|/Valeri/FINISH%20SAYT/ZZZ/pro/">ЖМИ уж
здесь</a></div></td>
</tr>
</table>
</body>

17. SviMik - 16 Апреля, 2005 - 15:13:11 - перейти к сообщению

Валерий
Ну ступил немного к вечеру. Вот этот код работает:

CODE:

<td>
<img src="1.jpg">
<div style="margin-top:-160px;margin-left:130px;">
<a href="bla-bla-bla.htm">Кликни</a>
</div></td>

18. ETC - 16 Апреля, 2005 - 15:17:35 - перейти к сообщению

Валерий
Ты близок к тому, что я говорил, ещё в DIV надо добавить:

CODE:

style="position:relative;top:50px;left:100px"

19. Валерий - 16 Апреля, 2005 - 16:33:12 - перейти к сообщению

SviMik
Чичас гляну, что-то я не понял...
ETC
Мы тут загибаемся неизвестно над чем.
Автор ушел бутылки сдавать - не сказал, что ж ему конкретно надо...

20. ETC - 16 Апреля, 2005 - 16:40:38 - перейти к сообщению

А пусть сдаёт Улыбка

Мы тут куздрявимся