Карта ссылок на изображении - помогите

korchak · March 1, 2011

<body>


<div class="center"><img src="img/1.jpg" width="454" height="204" alt=""/></div>

<MAP name="somemap">
            <AREA shape="rect" coords="2, 2, 140, 196" href="test.ru">

</MAP>


</body>

</html>

сделал такой код для примера... ничего не работает .... жму на картинку никуда не переходит ... в чем проблема ?

Edited March 1, 2011 by korchak

Vlad · March 1, 2011

У вас картинка с картой никак на связана, используйте атрибут usemap. И посмотрите пример здесь:

http://htmlbook.ru/html/map

korchak · March 1, 2011

У вас картинка с картой никак на связана, используйте атрибут usemap. И посмотрите пример здесь:
http://htmlbook.ru/html/map

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

или что не понял я ?

вот как сделал ..

выходит полный бред ... две картинки... я этот стиль спецом сделал что бы картинка всегда была по центру ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title></title>
<style type="text/css">
/*<![CDATA[*/
.center{

         width: 454px;
        height: 204px;


        position: absolute;
        top: 55%;
        left: 45%;

        margin-top: -102px;
        margin-left: -127px;

}
}
/*]]>*/
</style>
</head>

<body>


<div class="center"><img src="img/1.jpg" width="454" height="204" alt=""/></div>

<img src="img/1.jpg" width="454" height="204" alt="Навигация по сайту"
    usemap="#Navigation" /></div>


 <p><map id="Navigation" name="Navigation">

<MAP name="somemap">
            <AREA shape="rect" coords="2, 2, 140, 196" href="test.ru">

</MAP></p>


</body>

</html>

Veseloff · March 1, 2011

Два тега img дают две картинки. Всё правильно. И ещё закрывается несуществующий div. Внимательность прежде всего.

korchak · March 1, 2011

div я убрал .... а что дальше ? ничерта не выходит .... я не разбераюсь в этом - стараюсь понять хоть немножко

подкажите как пожалуйста сделать ?????????

Два тега img дают две картинки. Всё правильно. И ещё закрывается несуществующий div. Внимательность прежде всего.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title></title>
<style type="text/css">
/*<![CDATA[*/
.center{

         width: 454px;
        height: 204px;


        position: absolute;
        top: 55%;
        left: 45%;

        margin-top: -102px;
        margin-left: -127px;

}
}
/*]]>*/
</style>
</head>

<body>


<div class="center"><img src="img/1.png" width="454" height="204" alt=""/></div>

    <p><map id="Navigation" name="Navigation">

<MAP name="somemap">
            <AREA shape="rect" coords="2, 2, 140, 196" href="test.ru" />

</MAP>
</p>

</body>

</html>

Edited March 1, 2011 by korchak

korchak · March 2, 2011

алеее ? подскажите

Vlad · March 2, 2011

используйте атрибут usemap

PanSoul · March 2, 2011

Вы опять не связали с usemap и ЗАЧЕМ дублировать <map> ?

В общем, есть несколько грубых ошибок- неудивительно, что не работает. Вот как должно быть:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title></title>
<style type="text/css">
/*<![CDATA[*/

.center{
        position: absolute;
        top: 55%;
        left: 45%;

        margin-top: -102px;
        margin-left: -127px;

		width: 454px;
		height: 204px;
}

/*]]>*/
</style>
</head>

<body>

<div class="center"><img src="img/1.jpg" title="" alt="" usemap="#Navigation"/></div><!-- ПРОВЕРЬТЕ ПРАВИЛЬНОСТЬ ПУТИ КАРТИНКИ-->

    <p>

<map id="Navigation" name="Navigation">
            <area shape="rect" coords="2, 2, 140, 196" href="test.html" /><!-- ссылку ТОЖЕ ПРОВЕРЬТЕ, куда именно хотите: чтобы выходило в глобал или на локальную страничку-->

</map>
</p>

</body>

</html>

korchak · March 2, 2011

аа.... СПАСИБКИ ... вышло

Вы опять не связали с usemap и ЗАЧЕМ дублировать <map> ?

В общем, есть несколько грубых ошибок- неудивительно, что не работает. Вот как должно быть:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title></title>
<style type="text/css">
/*<![CDATA[*/

.center{
        position: absolute;
        top: 55%;
        left: 45%;

        margin-top: -102px;
        margin-left: -127px;

		width: 454px;
		height: 204px;
}

/*]]>*/
</style>
</head>

<body>

<div class="center"><img src="img/1.jpg" title="" alt="" usemap="#Navigation"/></div><!-- ПРОВЕРЬТЕ ПРАВИЛЬНОСТЬ ПУТИ КАРТИНКИ-->

    <p>

<map id="Navigation" name="Navigation">
            <area shape="rect" coords="2, 2, 140, 196" href="test.html" /><!-- ссылку ТОЖЕ ПРОВЕРЬТЕ, куда именно хотите: чтобы выходило в глобал или на локальную страничку-->

</map>
</p>

</body>

</html>

PanSoul · March 2, 2011

Да пожалуйста

Sign In

Карта ссылок на изображении - помогите

Question

korchak

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

korchak

Link to comment

Share on other sites

Veseloff

Link to comment

Share on other sites

korchak

Link to comment

Share on other sites

korchak

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

PanSoul

Link to comment

Share on other sites

korchak

Link to comment

Share on other sites

PanSoul

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information