Тема закрыта
хочу сделать навигационное меню в aheader'е, но чёто картинка плывёт, а с ней и весь сайт
может я что-то не так делаю или что-то с кодом. Пробывал черёз фрэйм, таж фигня... помогите плиз или дайте совет как мне быть
я в полном тупике
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="600" style="background:url('') repeat-x;" >
<tr><td>
<center>
<Style type="text/css">
canvas {position:absolute; z-index:20; align:center;}
img {position:absolute; border:0; align:center;}
.first {z-index:30; align:center;}
.last {z-index:10; align:center;}
</Style>
<img class="first" src="[URL="http://forum.nura.biz/view-source:http://fastcoder.org/i/0.gif"]http://fastcoder.org/i/0.gif[/URL]" width="1280" height="600" alt="" usemap="#newlogo" border="0">
<canvas id="canvasId" width="1280" height="600"></canvas>
<img src="[URL="http://forum.nura.biz/view-source:http://balticaclan.ucoz.net//pictures/newlogo.jpg"]http://balticaclan.ucoz.net//pictures/newlogo.jpg[/URL]" usemap="#newlogo" border="0" width="1280" height="600"alt="" style="border-style:none" class="last">
<script language="JavaScript" type="text/javascript">
function canvasBrowser() {
// Определяем тип браузера
var ua = navigator.userAgent.toLowerCase();
var isIE = (ua.indexOf("msie") != -1 && ua.indexOf("opera") == -1 && ua.indexOf("webtv") == -1);
var isOpera = ua.indexOf("opera") != -1;
var isFF = ua.indexOf("firefox") != -1;
var isSafari = ua.indexOf("safari") != -1;
var isChrome = ua.indexOf("chrome") != -1;
var result = false;
// Разрешим все версии IE
if (isIE) result = true;
// Лису разрешим только с полторашки
else if (isFF) {
var ffVersion = parseFloat(ua.substring(ua.indexOf("firefox") + 8, ua.length));
if (ffVersion >= 1.5) result = true;
// Оперу, начиная с версии 9.0
} else if (isOpera) {
var operaVersion = parseFloat(ua.substring(ua.indexOf("opera") + 6, ua.length));
if (operaVersion >= 9.0) result = true;
} else if (isSafari || isChrome) result = true;
return result;
}
// Функция, принимающая id тега <canvas> и массив координат
function drawPoly(id, arr) {
var canvas = document.getElementById(id).getContext('2d');
// Начинаем отрисовку
canvas.beginPath();
for (var i = 0; i < arr.length; i++) {
// Ставим точку на исходную позицию
if (i == 0) canvas.moveTo(arr[i][0], arr[i][1]);
// Рисуем линии от точки к точке
else canvas.lineTo(arr[i][0], arr[i][1]);
}
// Задаем цвет заливки в формате RGBA
canvas.fillStyle = "rgba(255,255,153,0.3)";
// Зальем полученный многоугольник цветом
canvas.fill();
}
// Очищаем область Canvas
function clearCanvas(id) {
var canvas = document.getElementById(id)
var width = parseInt(canvas.width);
var height = parseInt(canvas.height);
canvas = canvas.getContext('2d');
canvas.clearRect(0, 0, width, height);
}
// Кеш координат
var coordsCashe = [];
// Прикручиваем события
function initImageMap() {
if (!canvasBrowser()) return;
var map = document.getElementById("imageMapId");
var area, i;
for (i = 0; i < map.childNodes.length; i++) {
area = map.childNodes[i];
// Проверяем тип узла
if (area.nodeType != 1) continue;
// Проверяем, что узел является элементом area
if (area.nodeName.toLowerCase() != "area") continue;
// Добавляем ID c ключом массива координат
area.id = "id" + i;
// Добавляем к элементу обработчики событий
area.onmouseover = mouseOverHandler;
area.onmouseout = mouseOutHandler;
// Кешируем координаты
coordsCashe[i] = parseCoords(area.coords);
}
}
function mouseOverHandler() {
// Вырезаем индекс для массива координат из ID
var i = this.id.substring(2, this.id.length);
// Рисуем многоугольник на полученной области
drawPoly(
"canvasId",
coordsCashe[i]
);
}
function mouseOutHandler() {
clearCanvas("canvasId");
}
// Парсим строку с координатами в двумерный массив
function parseCoords(str) {
var coords = [];
var buferArray = str.split(",");
var j = 0;
for (var i = 0; i < buferArray.length; i++) {
if (i % 2 == 0) {
coords[j] = [];
coords[j][0] = buferArray[i];
} else {
coords[j][1] = buferArray[i];
j++;
}
}
return coords;
}
</script>
<map id="imageMapId" name="newlogo">
<area shape="poly" alt="Форум" coords="497,15,501,14,507,22,520,20,526,17,526,11,521,5,524,1,619,1,633,7,635,11,639,11,643,7,652,6,655,8,658,11,658,14,655,20,653,20,648,20,657,32,665,96,675,104,688,136,671,135,663,134,653,136,645,141,638,148,638,154,638,159,628,165,628,167,612,167,594,167,582,177,571,188,554,191,538,191,523,192,506,194,491,197,479,203,471,208,463,208,444,181,453,169,451,157,456,156,455,140,452,134,450,128,453,122,457,117,464,116,464,106,466,100,470,95,475,94,483,30,483,28,486,26,487,27,489,27,492,25,491,23" href="[URL="http://forum.nura.biz/view-source:http://balticaclan.ucoz.net/forum"]http://balticaclan.ucoz.net/forum[/URL]" title="Форум"
/>
<area shape="poly" alt="Устав Клана" coords="477,225,490,222,516,216,534,214,546,212,551,215,556,224,551,232,548,239,548,248,557,254,551,259,548,264,548,270,557,273,561,285,565,294,569,296,576,300,586,319,588,335,591,362,590,373,593,381,593,384,591,386,588,391,580,393,576,403,565,427,561,424,563,401,566,392,563,381,564,378,569,371,570,329,564,327,568,322,568,314,561,307,552,289,547,290,549,306,542,318,532,325,528,337,523,341,520,350,524,379,522,388,520,390,520,439,505,401,504,392,509,386,508,382,502,342,505,336,505,331,511,329,512,324,515,318,518,315,520,314,497,305,488,305,483,306,476,314,464,313,437,299,433,302,431,303,422,299,419,306,409,313,402,315,396,318,391,320,386,319,380,329,374,336,370,344,370,347,371,360,374,369,377,380,375,384,360,363,358,354,355,340,354,332,369,308,376,309,381,306,386,298,392,297,417,283,425,281,428,283,434,278,441,279,469,300,465,291,451,282,449,271,453,263,454,264,457,259,451,251,449,244,458,243,462,244,469,238" href="[URL="http://forum.nura.biz/view-source:http://balticaclan.ucoz.net/index/0-4"]http://balticaclan.ucoz.net/index/0-4[/URL]" title="Устав Клана"
/>
<area shape="poly" alt="Главная страница" coords="744,158,738,151,749,144,755,139,760,136,762,133,762,129,765,128,768,126,772,124,774,124,778,124,780,128,781,131,781,135,782,138,783,140,786,137,787,135,789,134,791,133,791,131,789,128,789,125,789,123,792,120,798,119,804,120,810,121,812,116,812,113,822,112,825,114,830,114,834,116,836,117,838,119,839,122,840,125,841,126,844,126,845,127,847,127,851,127,856,130,851,136,848,139,849,140,853,140,858,143,860,145,861,147,866,144,867,142,871,141,875,142,878,146,880,151,883,156,885,161,885,164,883,170,882,173,880,179,880,183,879,188,877,192,874,196,870,198,869,200,867,203,860,208,858,210,855,212,853,214,849,215,844,217,836,214,833,214,830,213,827,211,823,208,824,205,822,202,815,199,807,199,802,204,802,206,801,209,798,211,794,213,791,214,785,216,780,215,772,215,764,210,762,209,757,205,752,202,750,200,749,197,747,194,744,193,740,191,737,187,737,183,737,180,737,177,739,174,742,171,743,166,744,163" href="[URL="http://forum.nura.biz/view-source:http://balticaclan.ucoz.net/"]http://balticaclan.ucoz.net/[/URL]" title="Главная страница"
/>
<area shape="poly" alt="Состав клана" coords="811,201,815,201,818,203,820,204,821,207,822,211,822,215,820,221,819,224,818,226,819,229,823,229,828,230,832,230,835,231,837,231,839,234,841,236,842,237,842,240,844,243,844,247,845,250,846,251,847,253,849,256,851,258,852,259,853,261,856,262,859,265,860,266,861,269,862,278,865,281,866,283,867,286,869,290,871,295,874,298,876,299,878,304,880,306,880,308,880,310,880,312,881,314,882,319,884,321,886,324,888,327,889,330,890,335,891,340,893,345,896,349,899,351,906,363,907,366,910,368,912,371,915,377,916,380,920,385,923,389,924,395,935,417,936,420,934,420,929,414,923,407,916,396,912,390,912,388,912,385,910,384,909,383,906,380,905,379,905,377,905,375,904,373,902,373,900,371,898,370,896,368,896,366,896,364,896,362,895,360,894,358,893,356,892,354,891,353,890,352,889,349,889,346,887,343,885,340,882,336,880,333,880,331,878,327,876,323,873,319,872,317,870,315,863,312,857,312,858,305,859,303,861,295,848,276,845,272,842,270,841,268,841,264,841,263,834,251,831,253,831,258,833,269,837,271,844,293,849,314,853,338,859,356,864,374,868,385,874,395,881,414,879,416,868,416,860,412,848,409,843,409,833,410,829,416,817,422,795,425,782,423,772,421,763,418,757,419,752,424,745,433,740,428,741,422,742,415,736,417,730,415,734,398,735,393,734,377,726,391,721,391,718,389,710,386,702,377,695,369,695,363,695,357,720,329,718,315,732,303,751,291,765,274,768,269,772,260,779,256,780,253,779,249,779,242,776,241,766,249,764,253,759,254,756,258,751,261,743,265,736,265,728,272,719,280,714,283,709,282,711,275,713,275,706,275,701,277,691,278,683,280,678,280,678,277,686,275,716,267,723,264,732,257,742,252,751,247,756,243,767,236,767,231,768,228,774,225,783,223,792,224,801,222,801,217,804,205,806,202" href="[URL="http://forum.nura.biz/view-source:http://www.nura.biz/clanPageSelectorAction.do?page=players&clanId=29"]http://www.nura.biz/clanPageSelectorAction.do?page=players&clanId=29[/URL]" title="Состав клана"
/>
<area shape="poly" alt="Фотоальбом" coords="463,500,488,501,492,503,491,509,483,519,482,522,483,531,486,536,486,540,486,545,485,548,485,552,485,557,485,562,485,565,485,571,483,575,481,576,474,576,473,574,473,563,472,554,471,543,468,553,468,559,465,564,461,568,460,572,455,577,451,575,447,573,444,571,437,571,432,573,426,574,421,573,415,573,411,572,411,569,409,566,406,561,405,558,405,549,408,546,412,543,420,542,425,542,430,536,434,532,439,532,443,534,446,538,448,543,451,541,451,536,454,528,450,525,448,519,452,517,456,509,456,504" href="[URL="http://forum.nura.biz/view-source:http://balticaclan.ucoz.net/photo"]http://balticaclan.ucoz.net/photo[/URL]" title="Фотоальбом"
/>
<area shape="poly" alt="Йа ЛаПко" coords="633,354,633,362,634,368,638,371,641,379,646,383,652,380,656,382,658,388,662,392,663,391,669,396,670,402,674,408,678,412,680,416,681,419,681,422,678,425,676,431,671,435,671,439,670,440,677,438,680,435,686,431,689,422,691,413,689,408,686,404,690,401,693,397,691,391,698,391,696,385,694,383,686,383,681,383,680,388,677,387,678,384,677,380,672,372,672,369,669,365,659,359,657,352" nohref title="Йа ЛаПко" href="[URL="http://forum.nura.biz/view-source:http://balticaclan.ucoz.net/aheader.html#%D0%99%D0%B0%20%D0%9B%D0%B0%D0%9F%D0%BA%D0%BE"]#Йа ЛаПко[/URL]"
/>
<area shape="poly" alt="Легенда" coords="0,0,1279,0,1279,47,1268,31,1251,30,1233,29,1224,39,1207,49,1201,57,1192,60,1174,52,1162,51,1150,51,1144,51,1137,59,1112,57,1103,57,1081,59,1075,62,1072,65,1069,69,1064,71,1053,67,1044,64,1038,64,1028,60,1021,54,995,56,990,57,984,60,978,64,964,60,951,59,933,57,906,57,895,48,876,45,860,49,851,58,843,62,839,66,823,67,804,67,795,67,775,67,753,68,746,74,745,80,734,87,719,94,702,92,689,85,672,77,666,17,667,8,652,1,505,1,487,9,473,34,471,85,455,96,455,103,444,121,440,145,445,147,443,161,438,182,462,213,468,223,459,234,444,241,446,257,446,268,442,270,423,274,396,287,385,292,376,292,365,286,362,277,357,267,355,258,360,257,369,251,376,252,384,247,397,245,404,242,411,234,406,224,398,218,396,214,404,204,402,196,396,189,385,185,377,180,366,176,357,170,350,170,340,167,332,161,326,153,321,147,312,141,305,141,300,142,291,140,285,139,275,137,259,137,250,137,237,134,226,128,215,122,201,121,183,125,178,131,173,132,161,132,150,132,141,128,125,129,119,133,110,130,103,125,87,125,71,125,59,121,43,121,41,135,31,141,23,143,10,144,2,145,1,147" href="[URL="http://forum.nura.biz/view-source:http://balticaclan.ucoz.net/index/0-5"]http://balticaclan.ucoz.net/index/0-5[/URL]" title="Легенда"
/>
<area shape="poly" alt="Фу! Болото!" coords="742,545,776,545,799,545,826,543,843,547,871,545,883,545,892,547,906,548,920,548,935,547,947,547,954,543,967,543,974,543,990,548,1006,551,1024,551,1039,548,1049,545,1061,546,1083,546,1099,546,1106,542,1129,542,1154,542,1183,543,1206,543,1231,543,1259,543,1268,543,1275,546,1275,552,1277,557,1277,563,1277,567,1265,570,1253,569,1229,574,1220,578,1210,580,1197,580,1186,580,1174,580,1162,587,1148,591,1138,591,1127,591,1103,589,1095,590,1079,592,1063,593,1051,595,1041,594,1034,595,1022,597,1019,597,1004,595,996,593,987,593,980,590,972,587,962,586,953,584,944,582,930,582,919,583,912,583,901,585,889,587,870,585,855,585,838,583,813,582,800,582,783,577,771,574,759,574,735,574,721,574,703,570,680,570,666,571,657,571,644,570,627,569,604,568,583,566,567,565,551,565,530,560,520,560,514,560,506,558,503,552,506,550,525,551,543,551,561,551,584,551,595,549,613,547,624,547,632,547,648,547,665,545,675,540,701,540,717,541,732,546" nohref title="Фу! Болото!" href="[URL="http://forum.nura.biz/view-source:http://balticaclan.ucoz.net/aheader.html#%D0%91%D0%BE%D0%BB%D0%BE%D1%82%D0%BE"]#Болото[/URL]"
/>
<area shape="poly" alt="Обратите Внимание! :о)" coords="126,438,110,498,296,524,271,548,382,514,284,445,297,479" nohref title="Обратите Внимание! :о)" href="[URL="http://forum.nura.biz/view-source:http://balticaclan.ucoz.net/aheader.html#%D0%91%D0%BE%D0%BB%D0%BE%D1%82%D0%BE"]#Болото[/URL]"
/>
</map>
<script language="JavaScript" type="text/javascript">initImageMap();</script>
</center>
</td></tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="100%" height="74" style="background:url('./new/70.gif') #82210A;" align="center">
<tr>
<td width="32"></td>
<td style="font-size:10px;color:#FFE991;padding-left:10px;" class="topLink">
<a href="[URL="http://forum.nura.biz/view-source:http://balticaclan.ucoz.net/$HOME_PAGE_LINK$"]$HOME_PAGE_LINK$[/URL]"><!--<s5176>-->Главная<!--</s>--></a> <?if($MODULE_URL$)?>|
<a href="[URL="http://forum.nura.biz/view-source:http://balticaclan.ucoz.net/$MODULE_URL$"]$MODULE_URL$[/URL]">$MODULE_NAME$</a><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> |
<a href="[URL="http://forum.nura.biz/view-source:http://balticaclan.ucoz.net/$PERSONAL_PAGE_LINK$"]$PERSONAL_PAGE_LINK$[/URL]"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> |
<a href="[URL="http://forum.nura.biz/view-source:http://balticaclan.ucoz.net/$REGISTER_LINK$"]$REGISTER_LINK$[/URL]"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> |
<a href="[URL="http://forum.nura.biz/view-source:http://balticaclan.ucoz.net/$LOGOUT_LINK$"]$LOGOUT_LINK$[/URL]"><!--<s5164>-->Выход<!--</s>--></a><?else?> |
<a href="[URL="http://forum.nura.biz/view-source:http://balticaclan.ucoz.net/$LOGIN_LINK$"]$LOGIN_LINK$[/URL]"><!--<s3087>-->Вход<!--</s>--></a><?endif?><?endif?></td>
<td align="right" style="font-size:10px;color:#FFE991;padding-right:10px;" class="topLink"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5200>-->Вы вошли как<!--</s>--> <a href="[URL="http://forum.nura.biz/view-source:http://balticaclan.ucoz.net/$PERSONAL_PAGE_LINK$"]$PERSONAL_PAGE_LINK$[/URL]"><b>$USERNAME$</b></a> | <!--<s3167>-->Группа<!--</s>--> "<u>$USER_GROUP$</u>"<?else?><!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="[URL="http://forum.nura.biz/view-source:http://balticaclan.ucoz.net/$RSS_LINK$"]$RSS_LINK$[/URL]">RSS</a><?endif?></td>
<td width="30"></td>
</tr>
</table>
