Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Ссылка как часть картинки.

Сообщения:  [1-10]   [11-11] 

 
 автор: vlad-on   (05.04.2007 в 11:58)   письмо автору
 
   для: sim5   (05.04.2007 в 07:31)
 

Все понял. Уже кое что сделал, осталось довести все до ума. Всем огромное спасибо.

   
 
 автор: sim5   (05.04.2007 в 07:31)   письмо автору
 
   для: vlad-on   (05.04.2007 в 00:08)
 

>в любом месте можно прописывать или обязательно после img?

В любом, можно до, можно и после рисунка, да и вообще не обязательно рядом с ним. Кстати - если вам на одной картинке нужно будет разместить несколько ссылок, то вам достаточно будет прописать эти координаты в соответствующем map.

Это поймут все браузеры. Единственно, что alt не поймет, например, FF. Но тогда пропишите так:

<area alt="TEXT" title="TEXT" coords="10,10,25,25" href="linkpath">

   
 
 автор: vlad-on   (05.04.2007 в 00:08)   письмо автору
 
   для: sim5   (04.04.2007 в 14:44)
 

Слоями конечно получше бы было. Если много скажем надо картинок с сылками применять. Тем более если ссылки имеют на всех картинках одинаковый вид. Только проблема в том что ссылка по разному будет вписываться на разные фотки. Так что думаю мапом удобнее будет.
А как браузеры этот тег (map) воспринимают?

И вот это вот дело:

<map name="maplink">
<area alt="" coords="10,10,25,25" href="linkpath">
</map>

в любом месте можно прописывать или обязательно после img?

   
 
 автор: sim5   (04.04.2007 в 14:44)   письмо автору
 
   для: ilyaILF   (04.04.2007 в 14:22)
 

И не только кружочком, но и любой произвольной фигурой, построенной ломанными отрезками.

   
 
 автор: ilyaILF   (04.04.2007 в 14:22)   письмо автору
 
   для: vlad-on   (04.04.2007 в 11:26)
 

Можно в принципе конечно же и MAP-ом, основное его преимущество в том, что активную область можно выделить не только квадратиком, но и кружочком:
http://www.w3schools.com/tags/tag_map.asp

   
 
 автор: AlexSol   (04.04.2007 в 14:16)   письмо автору
 
   для: sim5   (04.04.2007 в 13:54)
 

http://www.frankmanno.com/ideas/css-imagemap/

   
 
 автор: sim5   (04.04.2007 в 13:54)   письмо автору
 
   для: ilyaILF   (04.04.2007 в 12:52)
 

А зачем так, проще стандартными средствами:

<img src="22.gif" alt="" width="100" height="100" border="0" usemap="#maplink">
<map name="maplink">
<area alt="" coords="10,10,25,25" href="linkpath">
</map>

   
 
 автор: ilyaILF   (04.04.2007 в 12:52)   письмо автору
 
   для: vlad-on   (04.04.2007 в 11:26)
 

Можно сделать например так:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Пример</title>
</head>

<body style="padding: 0; margin: 0; border: 0; font: 0pt/0pt serif;">
<div style="background: pink url(../pict.jpg) no-repeat top left; width: 100px; height: 100px;">
<a href="#" style="background: blue; width: 15px; height: 15px; position: relative; top: 10px; left: 10px; display: block;"></a>
</div>
</body>

</html>

Соответственно цвета pink и blue можно легко заменить на transparent.

   
 
 автор: vlad-on   (04.04.2007 в 12:28)   письмо автору
 
   для: sim5   (04.04.2007 в 11:56)
 

А можно подробнее? Пожалуйста.

   
 
 автор: sim5   (04.04.2007 в 11:56)   письмо автору
 
   для: vlad-on   (04.04.2007 в 11:26)
 

Маппинг картике сделать.

   

Сообщения:  [1-10]   [11-11] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования