HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
ypslideout menu positioning help!!
Post new topic   Reply to topic    HTML Help Forum Index -> Templates
View previous topic :: View next topic  
Author Message
spoofy



Joined: 26 Jun 2009
Posts: 2
PostPosted: Sat Jun 27, 2009 11:44 am     ypslideout menu positioning help!! Reply with quote
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 &amp; 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>

Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> Templates All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
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 Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 
 
DARFUR
Get a Stop the Genocide poster at SaveDarfur.org.
Also see Eyes on Darfur.
HOSTING / DESIGN
$1.99 Domain Registration
Cheap Web Hosting
Website Templates
MAKE MONEY
Sell Domain Names
Sell Website Templates

Home   |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial