ypslideout menu positioning help!!

spoofy — Sat Jun 27, 2009 11:44 am

Author: spoofy

Posted: Sat Jun 27, 2009 11:44 am

please position the slideout menus..they are supposed
to appear under the about us and serives tabs..the code below is that of the header for the webpage..when i change the size of the window, the slide out tabs are displaced...thanks

Code:

<HTML>
<HEAD>
<TITLE>ABC</TITLE>
<META name=keywords content="">
<META name=Description content = "">
<META name =Author content=info@abc.com >
<META name =Robots content="index, follow" >

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">

</script>
<SCRIPT language=javascript src="mm_menu.js"
type=text/javascript></SCRIPT>
<SCRIPT language=javascript src="init_homepg.js"
type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript type=text/javascript>

</SCRIPT>
<LINK href="default.css"
type=text/css rel=stylesheet>
<LINK
href="Twin_ie.css" type=text/css
rel=stylesheet>
<LINK href="win_ns.css"
type=text/css rel=stylesheet>
<LINK
href="Twin_ns6.css" type=text/css
rel=stylesheet>
<LINK href="win_ns61.css"
type=text/css rel=stylesheet>
<style type="text/css">

</style>
</HEAD>
<STYLE type="text/css">
#menu1Container {
visibility:hidden;
left:188px;
top:117px;
overflow:hidden;

}#menu1Container, #menu1Content { position:absolute; width:90px; height:70px; clip:rect(0 90 70 0); }
</STYLE><STYLE type="text/css">
#menu2Container {
visibility:hidden;
left:272px;
top:117px;
overflow:hidden;
}#menu2Container, #menu2Content { position:absolute; width:140px; height:95px; clip:rect(0 140 95 0); }
</STYLE>
<BODY BGCOLOR=#FFFFFF link="#000000" vlink="#000000" alink="#000000" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 onLoad="MM_preloadImages('images/rollover_10.gif','images/rollover_11.gif','images/rollover_12.gif','images/rollover_13.gif','images/rollover_14.gif','images/rollover_15.gif')">
<DIV id=menu1Container
onmouseover="MM_swapImage('Image1','','images/header_10.gif',1);"
onmouseout=MM_swapImgRestore(); border="1">
<div align="justify">
<TABLE width="110" border=0 cellPadding=0 cellSpacing=0 bgColor=#999999 id=Table1>
<TBODY>
<TR vAlign=top>
<TD vAlign=center noWrap><DIV class=menu id=menu1Content>
<DIV class=options id=heading>
<TABLE width="100%" border=0 align="left" cellPadding=0 cellSpacing=4>
<TBODY>
<TR>
<TD class=menuTxt height="11"><A
href="http://www.blahblah.c0m/overview.asp"><IMG
src="images/bullet01.gif" border=0> Overview </A></TD>
</TR>
<TR>
<TD background="images/line01.gif"><IMG
height=1 src="images/spacer.gif"
width=1></TD>
</TR>
<TR>
<TD class=menuTxt><A
href="http://www.blahblah.c0m/vision.asp"><IMG
src="images/bullet01.gif" border=0> Our Vision</a></TD>
</TR>
<TR>
<TD background="images/line01.gif" height="2"><IMG
height=1 src="images/spacer.gif"
width=1></TD>
</TR>
<TR>
<TD class=menuTxt><A
href="http://www.blahblah.c0m/mission.asp"><IMG
src="images/bullet01.gif" border=0> Our Mission</a></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
</DIV></TD>
</TR>
</TBODY>
</TABLE>
</div>
</DIV>
<DIV id=menu2Container
onmouseover="MM_swapImage('Image2','','images/header_11.gif',1);"
onmouseout=MM_swapImgRestore();>
<TABLE id=Table2 cellSpacing=0 cellPadding=0 bgColor=#666666 border=0>
<TBODY>
<TR vAlign=top>
<TD noWrap><DIV class=menu id=menu2Content>
<DIV class=options id=Div1>
<TABLE cellSpacing=4 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=menuTxt><A
href="http://www.blahblah.c0m/webtech.asp"><IMG
src="images/bullet01.gif" align=absMiddle
border=0> Web Technologies</A></TD>
</TR>
<TR>
<TD background="images/line01.gif"><IMG
height=1 src="images/spacer.gif"
width=1></TD>
</TR>
<TR>
<TD class=menuTxt><A
href="www.blahblah.c0m/erp.asp"><IMG
src="images/bullet01.gif" align=absMiddle
border=0> ERP & CRM</A></TD>
</TR>
<TR>
<TD background="images/line01.gif"><IMG
height=1 src="images/spacer.gif"
width=1></TD>
</TR>
<TR>
<TD class=menuTxt><A
href="www.blahblah.c0m/data.asp"><IMG
src="images/bullet01.gif" align=absMiddle
border=0> Data Conversion</A></TD>
</TR>
<TR>
<TD background="images/line01.gif" height="2"><IMG
height=1 src="images/spacer.gif"
width=1></TD>
</TR>
<TR>
<TD class=menuTxt><A
href="www.blahblah.c0m/project.asp"><IMG
src="images/bullet01.gif" align=absMiddle
border=0> Project Management</A></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
</DIV></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<TABLE WIDTH=778 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
<TR>
<TD><IMG SRC="images/header_01.gif" ALT="" WIDTH=80 HEIGHT=95 onMouseOver="MM_showHideLayers('Layer1','','hide')"></TD>
<TD><img src="images/header_02.gif" alt="" width=83 height=95 onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','hide')"></TD>
<TD><IMG SRC="images/header_03.gif" ALT="" WIDTH=85 HEIGHT=95 onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','hide')"></TD>
<TD><IMG SRC="images/header_04.gif" ALT="" WIDTH=84 HEIGHT=95 onbeforeunload="MM_showHideLayers('Layer2','','hide')"></TD>
<TD><IMG SRC="images/header_05.gif" WIDTH=84 HEIGHT=95 ALT=""></TD>
<TD><IMG SRC="images/header_06.gif" WIDTH=84 HEIGHT=95 ALT=""></TD>
<TD><IMG SRC="images/header_07.gif" WIDTH=90 HEIGHT=95 ALT=""></TD>
<TD><IMG SRC="images/header_08.gif" WIDTH=98 HEIGHT=95 ALT=""></TD>
<TD><IMG SRC="images/header_09.gif" WIDTH=90 HEIGHT=95 ALT=""></TD>
</TR>
<TR>
<TD><a href="default.asp"><IMG SRC="images/header_10.gif" ALT="" name="Image1" WIDTH=80 HEIGHT=23 border="0" id="Image1" onMouseOver="MM_swapImage('Image1','','images/rollover_10.gif',1);MM_showHideLayers('Layer1','','hide')" onMouseOut="MM_swapImgRestore()"></a></TD>
<TD><a onMouseOver="ypSlideOutMenu.showMenu('menu1');MM_swapImage('Image71','','images/rollover_11.gif',1)"
onMouseOut="ypSlideOutMenu.hideMenu('menu1');MM_swapImgRestore()"
href="www.blahblah.c0m/aboutus.asp"><img src="images/header_11.gif" alt="" name="Image71" width=83 height=23 border="0" id="Image71"></a></TD>
<TD><A
onmouseover="ypSlideOutMenu.showMenu('menu2');MM_swapImage('Image3','','images/rollover_12.gif',1);"
onmouseout="ypSlideOutMenu.hideMenu('menu2');MM_swapImgRestore()"
href="www.blahblah.c0m/services.asp"><IMG SRC="images/header_12.gif" ALT="" name="Image3" WIDTH=85 HEIGHT=23 border="0" id="Image3"></a></TD>
<TD><a href="feedback.asp"><IMG SRC="images/header_13.gif" ALT="" name="Image4" WIDTH=84 HEIGHT=23 border="0" id="Image4" onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','hide');MM_swapImage('Image4','','images/rollover_13.gif',1)" onMouseOut="MM_swapImgRestore()"></a></TD>
<TD><a href="contactus.asp"><IMG SRC="images/header_14.gif" ALT="" name="Image5" WIDTH=84 HEIGHT=23 border="0" id="Image5" onMouseOver="MM_swapImage('Image5','','images/rollover_14.gif',1)" onMouseOut="MM_swapImgRestore()"></a></TD>
<TD><a href="sitemap.asp"><IMG src="images/header_15.gif" alt="" name="Image6" width=84 height=23 border="0" id="Image6" onMouseOver="MM_swapImage('Image6','','images/rollover_15.gif',1)" onMouseOut="MM_swapImgRestore()"></a></TD>
<TD><IMG SRC="images/header_16.gif" WIDTH=90 HEIGHT=23 ALT=""></TD>
<TD><IMG SRC="images/header_17.gif" WIDTH=98 HEIGHT=23 ALT=""></TD>
<TD><IMG SRC="images/header_18.gif" WIDTH=90 HEIGHT=23 ALT=""></TD>
</TR>
</TABLE>

HTML Help

ypslideout menu positioning help!!