Açılır menüde hata YARDIM Pls!!!

Merhaba, öncelikle herkesin Kurban Bayramı Mübarek olsun

Küçük bir sorunum var tasarlamaya çalıştığım sayfamda 4 satır aşağıdan başlamasını istediğim bir açılır menü kullanmak istiyorum. Menüyü sayfaya yerleştiriyorum her şey çok güzel ama menü direkt olarak aşağıya doğru açılmıyor yukarıyor doğru ve menüyü ortalayarak açılıyor. Programcılık bilgisine sahip olmadığım için bir şey yapamıyorum ve bu konuda yardımlarınızı rica ediyorum. Yardımlarnız için şimdiden teşekkürler...

<style>
BODY { font-family:verdana, arial, helvetica; font-size:70%; }
H1 { font-size:120%; font-style:italic; }

DIV#divMenuBar { background-color:#6699CC; }
TABLE#tblMenuBar TD { font-size:60%; color:white; padding:0px 5px 0px 5px; cursor:default; }
TABLE#tblMenuBar TD.MenuMadde { font-weight:bold; cursor:hand; }

DIV.clsMenu {
font-size:90%; background-color:#6699CC;
position:absolute; visibility:hidden; width:130px;
padding:5px 5px 5px 8px; border-top:1 white solid;
}
DIV.clsMenu A { text-decoration:none; color:white; font-weight:bold; }
DIV.clsMenu A:hover { color:moccasin; }

BUTTON { font-family:tahoma; font-size:100%; }
</style>
</head>

<body>

<table border="1" width="100%">
<tr>
<td width="100%"> </td>
</tr>
</table>

<table border="1" width="100%">
<tr>
<td width="100%"> </td>
</tr>
<tr>
<td width="100%"> </td>
</tr>
<tr>
<td width="100%"><script LANGUAGE="Javascript">
var eOpenMenu = null;

function OpenMenu(eSrc,eMenu)
{
eMenu.style.left = eSrc.offsetLeft + divMenuBar.offsetLeft;
eMenu.style.top = divMenuBar.offsetHeight + divMenuBar.offsetTop;
eMenu.style.visibility = "visible";
eOpenMenu = eMenu;
}

function CloseMenu(eMenu)
{
eMenu.style.visibility = "hidden";
eOpenMenu = null;
}

function document.onmouseover()
{
var eSrc = window.event.srcElement;
if ("MenuMadde" == eSrc.className)
{
eSrc.style.color = "moccasin";
var eMenu = document.all[eSrc.id.replace("tdMenuBarItem","divMenu")];
if (eOpenMenu && eOpenMenu != eMenu)
{
CloseMenu(eOpenMenu);
}
if (eMenu)
{
OpenMenu(eSrc,eMenu);
}
}
else if (eOpenMenu && !eOpenMenu.contains(eSrc) && !divMenuBar.contains(eSrc))
{
CloseMenu(eOpenMenu);
}
}

function document.onmouseout()
{
var eSrc = window.event.srcElement;
if ("MenuMadde" == eSrc.className)
{
eSrc.style.color = "";
}
}

</script> <div ID="divMenuBar"><table
ID="tblMenuBar" BORDER="0">
<tr>
<td CLASS="MenuMadde" ID="tdMenuBarItem01">MENÜ MADDE 01</td>
<td>|</td>
<td CLASS="MenuMadde" ID="tdMenuBarItem02">MENÜ MADDE 02</td>
<td>|</td>
<td CLASS="MenuMadde" ID="tdMenuBarItem03">MENÜ MADDE 03</td>
</tr>
</table>
</div><div CLASS="clsMenu" ID="divMenu01"><div CLASS="clsMenuAra"></div><div><a
TARGET="_new" HREF="01.asp"><p>Madde 01</a></p>
</div><div><a TARGET="_new" HREF="02.asp"><p>Madde 02</a></p>
</div><div><a TARGET="_new" HREF="03.asp"><p>Madde 03</a></p>
</div><div><a TARGET="_new" HREF="04.asp"><p>Madde 04</a></p>
</div><div><a TARGET="_new" HREF="05.asp"><p>Madde 05</a></p>
</div></div><div CLASS="clsMenu" ID="divMenu02"><div CLASS="clsMenuAra"></div><div><a
TARGET="_new" HREF="11.asp"><p>Madde 01</a></p>
</div><div><a TARGET="_new" HREF="12.asp"><p>Madde 02</a></p>
</div><div><a TARGET="_new" HREF="13.asp"><p>Madde 03</a></p>
</div><div><a TARGET="_new" HREF="14.asp"><p>Madde 04</a></p>
</div><div><a TARGET="_new" HREF="15.asp"><p>Madde 05</a></p>
</div></div><div CLASS="clsMenu" ID="divMenu03"><div CLASS="clsMenuAra"></div><div><a
TARGET="_new" HREF="21.asp"><p>Madde 01</a></p>
</div><div><a TARGET="_new" HREF="22.asp"><p>Madde 02</a></p>
</div><div><a TARGET="_new" HREF="23.asp"><p>Madde 03</a></p>
</div><div><a TARGET="_new" HREF="24.asp"><p>Madde 04</a></p>
</div><div><a TARGET="_new" HREF="25.asp"><p>Madde 05</a></p>
</div></div></td>
</tr>
</table>

Açılır menüde hata YARDIM Pls!!!

Benzer içerikler