Форум PHP программистов > Как сделать кусочек картинки ссылкой?

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Как сделать кусочек картинки ссылкой?

baka

8.10.2009 - 12:17

Подскажите, как мне сделать кусочек картинки ссылкой? user posted image

Картинка представлена в натуральную величину.

Спустя 4 минуты, 33 секунды (8.10.2009 - 11:21) glock18 написал(а):

картинку поставить фоном для блока.
внутри блока спозиционировать ссылку таким образом, чтобы она занимала "нужный кусочек". ссылке скорее всего нужно будет выставить display: block;

вот и все.

Спустя 2 минуты, 53 секунды (8.10.2009 - 11:24) baka написал(а):

А она не будет смещаться в разных браузерах?

Спустя 4 минуты, 30 секунд (8.10.2009 - 11:28) glock18 написал(а):

смотря как спозиционируете

все так же, как и при позиционировании блоков. я бы в данном случае предпочел связку position: relative-absolute для соответственно блока и ссылки. размер блока скорее всего фиксированный, а такой вариант наиболее просто и надежен в этом случае.

Спустя 1 час, 23 минуты, 16 секунд (8.10.2009 - 12:52) baka написал(а):

Спасибо

Спустя 8 минут, 5 секунд (8.10.2009 - 13:00) Nikitian написал(а):

Не изобретайте велосипед! Map-area надо использовать для этого.

Спустя 30 минут, 51 секунда (8.10.2009 - 13:31) glock18 написал(а):

да, действительно удобная штука. не знал, спасибо.

Спустя 6 минут, 11 секунд (8.10.2009 - 13:37) baka написал(а):

Что то не могу разобраться с Map-area. Мой код

PHP

<div id="header"><a href="index.php">Header</a></div>

и стиль

PHP

#header {
    margin : 0;
    padding: 0;
    width: 955px;
    height: 120px;
    background: url(img/header.jpg) no-repeat;
}

Спустя 2 минуты, 40 секунд (8.10.2009 - 13:40) SunSet написал(а):

Nikitian
Правильно подметил. В визуальном редакторе можно (так удобней) большой рисунок (цельный) разбить на кликаемые участки.

Спустя 6 минут, 13 секунд (8.10.2009 - 13:46) baka написал(а):

Кажется разобрался))

Спустя 6 часов, 1 минута, 40 секунд (8.10.2009 - 19:47) Sylex написал(а):

Ага, кстати замечу, в XHTML 1.1 атрибут name удален для элементов a и map, вместо него нужно юзать id, а для usemap - не нужно символа #

Быстрый ответ:

Здесь расположена полная версия этой страницы.