Ссылки-картинки, помогите!

gorniawe4ka · December 30, 2012

Здравствуйте.

Срочно нужен чей-то дельный совет.

Есть две ссылки-картинки. При наведении на одну, другая должна вылезать наверх как тут http://index12.byethost11.com/.

В моей версии http://index13.byethost11.com/ прописаны map(ы) для картинок-ссылок и такого эффекта сделать не получается. Может кто поможет? Please...

Вот код для моей версии, с map(ами):

<html xmlns="http://www.w3.org/1999/xhtml">
 <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>

Yazon_Nile · January 2, 2013

Чтобы играться с мапами и ховером надо подключать джс.

Sign In

Ссылки-картинки, помогите!

Question

gorniawe4ka

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Yazon_Nile

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information