Нужна подсказка по оформлению графика+ссылка+html

M
На сайте с 28.02.2006
Offline
236
570

Черт, раньше делал, но забыл и поисковик не помогает. У меня есть графическое изображение, скажем 200*300 и мне нужно под ним ссылку разместить, но не под всем изображением а только под его частью, например 20*40. Как это оформить?

tematika
На сайте с 17.02.2006
Offline
86
#1

Ну для начала порезать изображение.

M
На сайте с 28.02.2006
Offline
236
#2

Спасибо. В который раз убеждаюсь, что по ночам нужно спать. Я уже нашел как это делается http://html.manual.ru/book/html/navmaps.php но конечно же теперь просто порежу графику.

sergant001
На сайте с 26.07.2006
Offline
26
#3

можно и не резать...

Создаете новый слой

<div class=new>

<a href=/><img src=bg.gif width="20" height="40"

border="0" ></a>

</div>

в СSS пишите

div.new{

POSITION: absolute; TOP: 20px; LEFT: 20px; TEXT-ALIGN: left; VERTICAL-ALIGN: top

}

TOP: 20px; LEFT: 20px; - для Вас будут другими

bg.gif - прозрачный .gif - 1*1

Создание сайтов СПб (http://lenik.spb.ru), продвижение сайтов Санкт Петербург (http://promo-lenik.com)
[Удален]
#4

Как правильно подсказал mihas, используйте map - это simple html. Чего огород со слоями городить? Решение должно рациональным быть.

sergant001
На сайте с 26.07.2006
Offline
26
#5

рациональнее то,

что экономит время и делает короче сам код, который меньше весит,

а это преимущество слоя.

[Удален]
#6

sergant001, вы догмы выучили, а пользоваться не начились.

Что короче

<img src="..." usemap="#mymap">

<map name="mymap"><area shape="rect" coords="........"></map>
или ваши несколько строчек в html и css файлах да еще с необходимостью использовать прозрачный гифчик. Уж явно вариант с map короче по коду и быстрее по времени.

В моем случае:

1. Добавить usemap="..." к тегу <img>

2. Прописать <map> и <area>

В вашем:

1. В html-файле прописать <div>

2. Примерить где и как он должен быть абсолютно спозиционирован (а если картика по центру страницы выравнивается?).

3. Прописать в css-файле это позиционирование.

4. Нарисовать и закачать прозрачный гиф, если его нет.

Вы еще зачем-то в стилях приплели TEXT-ALIGN и VERTICAL-ALIGN совершенно лишние в данном случае.

В общем оценка вам - 2 балла. Учиться, учиться и еще раз учиться. :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий