Zaloguj | Zarejestruj | FAQ
Anonymous

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

+ Odpowiedz

Posty: 2 Strona 1 z 1


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

przez gorniawe4ka » N gru 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>
Avatar użytkownika

gorniawe4ka


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

przez XainPro » Pn gru 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
Вы можете сделать это через помощью любого программного обеспечения для редактирования изображений (фото магазин) для расчета пикселей
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm


+ Odpowiedz

Strona 1 z 1