Проблема с кнопкой.

онотоле · December 23, 2010

Здравствуйте, товарищи. Возникла одна сложность, хочу спросить мнение:

создаю кнопку, меняющую цвет. использую

<a href="ссылка"

onmouseover="document.pm1.src='картинка_1'"

onmouseout="document.pm1.src='картинка_2'">

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

</map>

и теперь не знаю, куда подставить "usemap="#karta1", чтобы работало. Пытался подставить в разные места - эффекта никакого.

Edited December 23, 2010 by онотоле

Great Rash · December 23, 2010

Внимательней читайте про <map>

eVErl@Sting · December 23, 2010

Если кнопка должна менять цвет при наведении то почему не сделать все на много проще:

<!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" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>test</title>
	<style type="text/css">
	.button a{background:white;padding:20px;border:2px solid black;}
	.button a:hover{background:red;}
	.button a:active{background:green;}
	.button a:visited{background:white;}	

	</style>
</head>
<body>
<div class="button"><a href="#">ССЫЛКА</a></div>
</body>
</html>

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

psywalker · December 23, 2010

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

А если нужно, чтобы кликабельным была только определённая кривая область?

eVErl@Sting · December 23, 2010

А если нужно, чтобы кликабельным была только определённая кривая область?

Положить такую кнопку в див с позишен релатив, туда же положить див с позишен абсолют, например с прозрачной картинкой и сделать ее ссылкой…но это сработает если только “эта” определенная область должна быть прямоуголная/квадратная. Если кривая то тем же мапингом тогда..

Sign In

Проблема с кнопкой.

Question

онотоле

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

eVErl@Sting

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

eVErl@Sting

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information