Вход | Регистрация | FAQ
Anonymous

Помогите с эффектом "одна ссылка под другой"

+ Ответить

Сообщений: 2 Страница 1 из 1


Помогите с эффектом "одна ссылка под другой"

gorniawe4ka » Вс дек 30, 2012 12:44 pm

Здравствуйте.
Есть две картинки-ссылки, одна под другой и при наведении одна вылазиет наверх, другая вниз http://index12.byethost11.com/.
В моей версии такой же эффект должен быть, но есть map(ы) и из-за этого, кажется, ничего не пашет http://index13.byethost11.com/.
Код моей версии
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<link rel="stylesheet" type="text/css" href="css/template.css"/>
<style type="text/css">

#charles{
position: relative;
height: 706px;
width: 588px;
z-index: 30;
}
#cat{
height: 583px;
width: 394px;
position: relative;
z-index: 80;
}
#cat:hover{
z-index:100;
}
#charles:hover{
z-index:100;
}

</style>
</head>
<body>
<Img id="charles" src="images/charleskolaj1.png" usemap="#kartinka"/>
<Img id="cat" src="images/cat.jpg" usemap="#cat"/>
<map name="kartinka">
<area shape="poly" href="http://google.com" coords="91,1,587,71,492,703,2,634" href="http://google.com"/>
</map>
<map name="cat">
<area shape="poly" href="http://yandex.ru" coords="9,7,392,6,395,580,7,581" />
</map>



</body>

</html>
Аватара пользователя

gorniawe4ka


Re: Помогите с эффектом "одна ссылка под другой"

XainPro » Пн дек 31, 2012 6:57 am

<area shape="poly" href="http://google.com" coords="91,1,587,71,492,703,2,634" href="http://google.com"/>
<area shape="poly" href="http://yandex.ru" coords="9,7,392,6,395,580,7,581" />
Вам нужно отредактировать там cordinates (ширина, высота) accoring на ваш whihc размер вполне dificult
Вы можете сделать это через помощью любого программного обеспечения для редактирования изображений (фото магазин) для расчета пикселей
Аватара пользователя

XainPro

  • Сообщения: 3933
  • Зарегистрирован: Пт фев 17, 2012 8:10 pm


+ Ответить

Страница 1 из 1