ни как не получается сделать меню:(

дело состоит в том что:друг создал меню в css(по задумке-наводищ на него курсив мыши и оно выпадается):
DIV.dmenu .menu-item {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 1px 0px; PADDING-TOP: 0px; HEIGHT: 22px
}
DIV.dmenu .menu-item-selected {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 1px 0px; PADDING-TOP: 0px; HEIGHT: 22px
}
DIV.dmenu1 .menu-item {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 1px 0px; PADDING-TOP: 0px; HEIGHT: 22px
}
DIV.dmenu1 .menu-item-selected {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 1px 0px; PADDING-TOP: 0px; HEIGHT: 22px
}
DIV.dmenu .menu-item A {
DISPLAY: block; FONT-WEIGHT: bold; MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu .menu-item A:visited {
DISPLAY: block; FONT-WEIGHT: bold; MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu .menu-item A:active {
DISPLAY: block; FONT-WEIGHT: bold; MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu1 .menu-item A {
DISPLAY: block; FONT-WEIGHT: bold; MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu1 .menu-item A:visited {
DISPLAY: block; FONT-WEIGHT: bold; MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu1 .menu-item A:active {
DISPLAY: block; FONT-WEIGHT: bold; MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu .menu-item A:hover {
MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu .menu-item A:hover {
MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu .menu-item A:hover {
MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu1 .menu-item A:hover {
MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu1 .menu-item A:hover {
MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu1 .menu-item A:hover {
MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu .menu-item-selected A {
DISPLAY: block; FONT-WEIGHT: bold; MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu .menu-item-selected A:visited {
DISPLAY: block; FONT-WEIGHT: bold; MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu .menu-item-selected A:active {
DISPLAY: block; FONT-WEIGHT: bold; MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu1 .menu-item-selected A {
DISPLAY: block; FONT-WEIGHT: bold; MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu1 .menu-item-selected A:visited {
DISPLAY: block; FONT-WEIGHT: bold; MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu1 .menu-item-selected A:active {
DISPLAY: block; FONT-WEIGHT: bold; MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu .menu-item-selected A:hover {
MARGIN: 3px 10px 2px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu .menu-item-selected A:hover {
MARGIN: 3px 10px 2px; COLOR: #ffffff; TEXT-DECORATION: none
}
DIV.dmenu .menu-item-selected A:hover {
MARGIN: 3px 10px 2px; COLOR: #ffffff; TEXT-DECORATION: none
}
DIV.dmenu1 .menu-item-selected A:hover {
MARGIN: 3px 10px 2px; COLOR: #ffffff; TEXT-DECORATION: none
}
DIV.dmenu1 .menu-item-selected A:hover {
MARGIN: 3px 10px 2px; COLOR: #ffffff; TEXT-DECORATION: none
}
DIV.dmenu1 .menu-item-selected A:hover {
MARGIN: 3px 10px 2px; COLOR: #ffffff; TEXT-DECORATION: none
}
DIV.dmenu .menu-left-pad {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 1px 0px; WIDTH: 15px; PADDING-TOP: 0px; HEIGHT: 22px
}
DIV.dmenu1 .menu-left-pad {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 1px 0px; WIDTH: 15px; PADDING-TOP: 0px; HEIGHT: 22px
}
DIV.dmenu .menu-item-separator {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/Images/menu-separator.gif); FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 1px 0px; WIDTH: 12px; PADDING-TOP: 0px; HEIGHT: 22px
}
DIV.dmenu1 .menu-item-separator {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/Images/menu-separator.gif); FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 1px 0px; WIDTH: 12px; PADDING-TOP: 0px; HEIGHT: 22px
}
DIV.dmenu UL.menu LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: relative
}
DIV.dmenu UL.menu LI.separator {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 2px; BACKGROUND-COLOR: #000000
}
DIV.dmenu UL.menu UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity: 80); PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; moz-opacity: 0.8
}
DIV.dmenu UL.menu {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 22px; BACKGROUND-COLOR: #009300
}
DIV.dmenu1 UL.menu {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 22px; BACKGROUND-COLOR: #009300
}
DIV.dmenu UL.menu LI UL {
PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; LEFT: -12px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #000000 1px solid; WIDTH: 168px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 22px
}
DIV.dmenu UL.menu UL LI A {
PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 7px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; MARGIN: 0px; WIDTH: 154px; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #7b1418 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
DIV.dmenu UL.menu UL LI A:visited {
PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 7px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; MARGIN: 0px; WIDTH: 154px; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #7b1418 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
DIV.dmenu UL.menu UL LI A:active {
PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 7px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; MARGIN: 0px; WIDTH: 154px; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #7b1418 1px solid; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu UL.menu UL LI A:hover {
PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 7px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; MARGIN: 0px; WIDTH: 154px; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #7b1418 1px solid; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu UL.menu UL LI A:hover {
PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 7px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; MARGIN: 0px; WIDTH: 154px; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #7b1418 1px solid; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}
DIV.dmenu UL.menu UL LI A:hover {
PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 7px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; MARGIN: 0px; WIDTH: 154px; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #7b1418 1px solid; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}
.menu UL LI {
FONT-SIZE: 1px; FLOAT: left; HEIGHT: 1%
}
.menu UL LI A {
HEIGHT: 1%
}
DIV.dmenu UL.menu UL LI A:hover {
PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px; BACKGROUND-COLOR: #009300
}
DIV.dmenu UL.menu UL LI A:hover {
PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px; BACKGROUND-COLOR: #009300
}
DIV.dmenu UL.menu UL LI A:hover {
PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px; BACKGROUND-COLOR: #009300
}
UNKNOWN {
DISPLAY: block
}
DIV.dmenu UL.menu LI.over UL {
DISPLAY: block
}
DIV.dmenu UL.menu LI.over UL LI UL {
DISPLAY: none
}
DIV.dmenu UL.menu LI.over UL LI.over UL {
DISPLAY: block
}
DIV.dmenu UL.menu LI.over UL LI.over UL LI UL {
DISPLAY: none
}
DIV.dmenu UL.menu LI.over UL LI.over UL LI.over UL {
DISPLAY: block
}
DIV.dmenu UL.menu LI.over UL LI.over UL LI.over UL LI UL {
DISPLAY: none
}
DIV.dmenu UL.menu LI.over UL LI.over UL LI.over UL LI.over UL {
DISPLAY: block
}
DIV.dmenu UL.menu LI.over UL LI.over UL LI.over UL LI.over UL LI UL {
DISPLAY: none
}
DIV.dmenu UL.menu LI.over UL LI.over UL LI.over UL LI.over UL LI.over UL {
DISPLAY: block
}
DIV.dmenu UL.menu LI.over UL LI.over UL LI.over UL LI.over UL LI.over UL LI UL {
DISPLAY: none
}
далее к меню олагаются 2 javaскрипта с воттаким текстом:1.// JavaScript Document

var hideSelects = new Array();

hideAllSelects = function() {
var selects = document.getElementsByTagName("SELECT");
for(var i=0; i<selects.length; i++) {
hideSelects[hideSelects.length] = selects[i];
selects[i].style.visibility = "hidden";
}
}

showHiddenSelects = function() {
for(var i=0; i<hideSelects.length; i++) {
hideSelects[i].style.visibility = "visible";
}
}

startList = function() {
if (document.all&&document.getElementById) {

var navRoot = document.getElementById("nav");
var navRootLIs = navRoot.getElementsByTagName("LI");
for (i=0; i<navRootLIs.length; i++) {
var node = navRootLIs[i];
if(navRoot.contains(node)) {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}


2.
var siteUrl = "www.mc-designer.narod.ru";
var siteName = 'сайты на заказ"';

function setAsStartPage(){
var obj = window.event.srcElement;
if (obj != undefined){
obj.style.behavior = "url(#default#homepage)";
obj.setHomePage(siteUrl);
}
return false;
}

function addToFavorites(){
if (window.external != undefined)
window.external.addFavorite(siteUrl, siteName);
return false;
}

function copyshortcut(url) {
if(window.clipboardData) {
window.clipboardData.setData("Text", url);
alert("Ссылка скопирована в буфер обмена");
} else {
window.prompt("Ссылка на сообщение.", url);
}

}

function IsEMail(value) {
if(value=="")
return true;
else {
re = /.@{1}[0-9A-Za-z\-]{1,}\.{1}[A-Za-z]{2,4}/
return re.test(value)
}
}

function validatePost(thisForm) {

if(thisForm.author.value.length == 0){
alert("Author name must be specified!");
window.event.returnValue = false;
return false;
}

if(!IsEMail(thisForm.authoremail.value)) {
alert("Author Email is not correct e-mail address!");
window.event.returnValue = false;
return false;
}

if(thisForm.message.value.length < 20){
alert("Message must contain at least 20 digits!");
window.event.returnValue = false;
return false;
}

return true;
}

function validateQuestion(thisForm) {

if(thisForm.fio.value.length == 0){
alert("Author name must be specified!");
window.event.returnValue = false;
return false;
}

if(!IsEMail(thisForm.email.value)){
alert("Author Email is not correct e-mail address!");
window.event.returnValue = false;
return false;
}

if(thisForm.question.value.length < 20){
alert("Message must contain at least 20 digits!");
window.event.returnValue = false;
return false;
}

return true;
}

function getAbsoluteLeft(object) {
var x = 0;
var p = object;
while(p!=document.body) {
x = x + p.offsetLeft;
p = p.offsetParent;
}
return x;
}

function getAbsoluteTop(object) {
var x = 0;
var p = object;
while(p!=document.body) {
x = x + p.offsetTop;
p = p.offsetParent;
}
return x;
}

function repositBottomBar(el) {
if(document.getElementById('idimagedesc' )) {
document.getElementById('idimagedesc').s tyle.top=getAbsoluteTop(el)+el.offsetHei ght-16+'px';
document.getElementById('idimagedesc').s tyle.left=getAbsoluteLeft(el)+'px';
document.getElementById('idimagedesc').s tyle.width=el.offsetWidth+'px';
document.getElementById('idimagedesc').s tyle.display='';
}
}

function showMenu(el){
if(document.getElementById('idPhotosTree ').style.display == 'none') {
document.getElementById('idPhotosTree'). style.display='';
document.getElementById('idPhotosTree'). style.top=(getAbsoluteTop(el)+el.offsetH eight+1)+'px';
document.getElementById('idPhotosTree'). style.left=(getAbsoluteLeft(el))+'px';
document.getElementById('idPhotosTree'). opener = el;
document.getElementById('idPhotosTree'). focus();
}else{
document.getElementById('idPhotosTree'). style.display = 'none';
}
}

function blurlayer(el) {
if(!el.contains(document.activeElement) && !el.opener.contains(document.activeEleme nt)) {
el.style.display = "none";
}
}

function op(src, w, h, scrollBars) {
var wnd = window.open(src, "custom", "status=no,help=no,resizable=no,scrollba rs="+scrollBars+",width=" + w + ",height=" + h);
wnd.opener = window;
wnd.focus();
}

function op(src, w, h, scrollBars) {
var wnd = window.open(src, "custom", "status=no,help=no,resizable=no,scrollba rs="+scrollBars+",width=" + w + ",height=" + h);
wnd.opener = window;
wnd.focus();
}

function parentForm(el) {
var t = el;
while(t.tagName != "FORM" || t.tagName != "BODY") {
t = t.parentNode;
}
if(t.tagName == "BODY")
return null;
return t;
}

function OnLoadWindow(e){

if(!e)
e = window.event;

/*initialize left menu*/
try {
startList();
}
catch(ex) {
}

}

window.onload = OnLoadWindow;
проблема в том,что:в окне браузера моего друга это меню выпадает,а у меня нет,на хост скидывали тоже не прёт
ПОДСКАЖИТЕ ПЛИЗ В ЧЁМ ЖЕ ТУТ ПРОБЛЕМА???

0

Скорее всего, твой друг писАл меню в расчёте на свой браузер... а на другом (если у тебя другой) не проверил.

0