Для веб-сайта, который я создаю для своей работы, я хотел использовать в основном CSS-кодирование, но когда я увидел все проблемы, связанные с картами CSS, я воспользовался советом других и остался в традиционном стиле HTML-карт.Однако код сопоставления не работает, ссылки остаются недоступными для клика.Я не уверен, является ли это проблемой с комбинацией CSS / HTML или нет, но мой код выглядит следующим образом для HTML-части:
<body>
<div id="header">
<div id="menu">
<img src="http://i74.photobucket.com/albums/i266/nanashiwolf/header.png" width="770" height="100" alt="logo" border="0" usemap="#headermap" />
<map name="#headermap">
<area shape="rect" coords="156,67,156,83,225,83,225,67" href="links.html" alt="Links" />
<area shape="rect" coords="239,67,239,83,309,83,309,67" href="links.html" alt="Links" />
<area shape="rect" coords="324,67,324,83,392,83,392,67" href="links.html" alt="Links" />
<area shape="rect" coords="403,67,403,83,511,83,511,67" href="links.html" alt="Links" />
<area shape="rect" coords="526,67,526,83,588,83,588,67" href="links.html" alt="Links" />
<area shape="rect" coords="602,67,602,83,662,83,662,67" href="links.html" alt="Links" />
<area shape="rect" coords="675,67,675,83,736,83,736,67" href="links.html" alt="Links" />
</map>
</div></div>
После этого немедленно следует еще один открытый div для телавеб-сайт, и, насколько я знаю, нет никаких проблем с этим.Я подумал, может быть, это была проблема с тегом меню, но это все, что у меня есть для меню:
#menu {
float: left;
width: 767px;
height: 200px;
}
Я не совсем уверен, в чем проблема, потому что я использовал карты раньше, и онивсегда работаю, так что единственное, о чем я думаю, это то, что CSS как-то противоречит этому.Если я смотрю на неправильный CSS, хотя и другой тег будет причиной проблемы, я также могу опубликовать это.Прямо сейчас я просматриваю это в IE (я еще не загрузил FF, но я буду), поэтому я не знаю, может ли это также быть проблемой.