 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
spoofy
Joined: 26 Jun 2009
Posts: 2
|
 Posted: Sat Jun 27, 2009 11:44 am ypslideout menu positioning help!! |
 |
|
|
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=infoatabc.com >
<META name =Robots content="index, follow" >
<!-- blah blah-->
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</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>
<!--
new ypSlideOutMenu("menu1", "down", 80, 120, 90, 70),
new ypSlideOutMenu("menu2", "down", 160, 120, 140, 95)
//new ypSlideOutMenu("menu6", "down", 300, 200, 155, 50),
//-->
</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">
<!--
body {
background-image: url(images/Background2.jpg);
position: relative;
}
-->
</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>
|
|
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
HTML Help Forum
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
