Проблемы с созданием карты изображений.

herr.boyar · August 23, 2011

Доброго времени суток, Уважаемые!) Помогите разобраться, если не трудно.. Суть в следующем: есть фотография, на каждом из персонажей которой спозиционированы гиперссылки и образованы области для щелчка. В FF и Google Chrome все работает на УРА, а в OPERA и IE проблемы - спозиционированные области ВНЕ изображения показываются и активны при наведении, а размещенные непосредственно на фотографии не активны. В чем могла бы быть загвоздка?

Тут ссылка на эту страницу.

Собственно, сам код:

<!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">
<head>
<title>Advanced CSS Solutions</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
	* {
		margin: 0;
		padding: 0;
	}
	body {
		margin: 0 auto;
		width: 750px;
	}
	#pic {
		width: 604px;
		height: 453px;
		position: relative;
	}
	#pic ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#pic a {
		position: absolute;
		width: 70px;
		height: 80px;
		text-indent: -1000em;
	}
	#pic .serg a {
		top: 70px;
		left: 240px;
	}
	#pic .boyar a {
		top: 80px;
		left: 320px;
	}
	#pic a:hover {
		border: 1px dotted;
	}

</style>
</head>
<body>
	<div id='pic'>
		<img src='images/photo.jpg' width='605' height='454' alt='Sergey_Boyar' />
		<ul>
			<li class='serg'>
				<a href='http://www.vk.com/' title='Serezha'> Serezha
				</a>
			</li>
			<li class='boyar'>
				<a href='http://www.vk.com/' title='Boyar'> Boyar
				</a>
			</li>
		</ul>
	</div>
</body>
</html>

Edited August 23, 2011 by herr.boyar

Sign In

Проблемы с созданием карты изображений.

Question

herr.boyar

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information