Привязка интернет ссылок к конкретному фрагменту изображения

Добрый день, уважаемые пользователи. Подскажите пожалуйста, как можно решить данный вопрос* — имеется сайт / единственное содержимое — это просто png изображение, в котором выделены отдельные «зоны». Необходимо к каждому фрагменту прикрепить ссылку. Прошу не советовать мне «порезать» само изображение — как в принципе и нужно делать по web дизайну. Просто такими знаниями не обладаю — выступаю в роли дизайнера. Есть ли какие-нибудь программы для решения данной задачи или хотя бы подскажите ещё возможные решения*
  • Вопрос задан
  • 3484 просмотра
Пригласить эксперта
Ответы на вопрос 4
@ssbxlan
ЕМНИП, в dreamweaver`e неплохо наглядно можно реализовать подобное, делает оно с помощью <map>, который уже посоветовали
Ответ написан
t0H
@t0H
WEB разработчик
Вот как то так)

<div style="position:relative">
   <img src="какая то картинка">
   <a href="http://..." style="display:block; position:absolute; top:10px; left:20px; width:30px; height:10px;"></a>
</div>
Ответ написан
Если вы дизайнер, то должно быть знакомы с такой программой, как Photoshop. В нем есть инструмент — Slice Tool.
viperet.info/skitch/slice-20120420-112002.png
После этого делаете Save for web и вам фотошоп сгенерирует картинки отдельные для каждого вашего слайса и всю нужную HTML разметку, она конечно будет на таблицах, но для не верстальщика — это саймый простой способ.
PS лучше слайсам давать имена латинскими буквами, оно потом так файлы-картинки называет.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы