Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jun 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    problem with dropdown menu

    Hello, I'm a bit new to webdesign I am having issues with my main menu, specifically in internet explorer. Also, I mosly used frontpage to design the the page.

    Two issues, The first, when I click in blank area of the table row that contains my menu, my div layers seem to "highlight" themselves, for lack of a better word. I have no idea what its doing honestly.

    The second issue is in Internet explorer. The drop down menu is expanding the size of the cell even though it is hidden. It looks perfectly fine in Firefox however.

    Thanks to anyone who can help.

    Here's the html:

    Code:
    <html>
    <head>
    <title>WTFS</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
    <base target="_embed">
    
    <script language="JavaScript">
    <!--
    function openMenu(){
    var a=arguments,o,s,l,m,c,t,p,r;
    if(document.menuOpen){
    if ((o=FP_getObjectByID(document.menuOpen))!=null){
    s=(document.layers)?o:o.style;
    s.visibility=(document.layers)?'hide':'hidden';document.menuOpen=false;}
    if ((c=FP_getObjectByID('closer'))!=null){
    t=(document.layers)?c:c.style;
    t.visibility=(document.layers)?'hide':'hidden';}}
    if ((l=FP_getObjectByID(a[0]))!=null){
    m=(document.layers)?l:l.style;
    m.visibility=(document.layers)?'show':'visible';document.menuOpen=a[0];}
    if ((p=FP_getObjectByID('closer'))!=null){
    r=(document.layers)?p:p.style;r.visibility=(document.layers)?'show':'visible';}
    }
    
    function FP_getObjectByID(id,o) {//v1.0
     var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
     else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
     if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
     for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
     f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
     for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
     return null;
    }
    function FP_preloadImgs() {//v1.0
     var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
     for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
    }
    
    function FP_swapImg() {//v1.0
     var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
     n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
     elm.$src=elm.src; elm.src=args[n+1]; } }
    }
    
    function closeMenu(){
    var o,s,l,m,c,t,p,r;
    if(document.menuOpen){
    if ((o=FP_getObjectByID(document.menuOpen))!=null){
    s=(document.layers)?o:o.style;
    s.visibility=(document.layers)?'hide':'hidden';document.menuOpen=false;}
    if ((c=FP_getObjectByID('closer'))!=null){
    t=(document.layers)?c:c.style;
    t.visibility=(document.layers)?'hide':'hidden';}}
    }
    
    function FP_swapImgRestore() {//v1.0
     var doc=document,i; if(doc.$imgSwaps) { for(i=0;i<doc.$imgSwaps.length;i++) {
      var elm=doc.$imgSwaps[i]; if(elm) { elm.src=elm.$src; elm.$src=null; } } 
      doc.$imgSwaps=null; }
    }
    // -->
    </script>
    
    </head>
    
    <body text="#000000" vlink="#003399" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" link="#003399" alink="#000066" bgcolor="#66FFFF" background="images/mainbackground2.jpg" style="background-attachment: fixed" onload="FP_preloadImgs(/*url*/'images/regsci2.gif', /*url*/'images/home2.gif', /*url*/'images/home3.gif', /*url*/'images/home1.gif', /*url*/'images/about1.gif', /*url*/'images/about2.gif', /*url*/'images/about3.gif', /*url*/'images/service2.gif', /*url*/'images/service1.gif', /*url*/'images/contact2.gif', /*url*/'images/contact3.gif', /*url*/'images/contact1.gif', /*url*/'images/alli1.gif', /*url*/'images/alli2.gif', /*url*/'images/alli3.gif', /*url*/'images/manage1.gif', /*url*/'images/manage2.gif', /*url*/'images/manage3.gif', /*url*/'images/regsci1.gif', /*url*/'images/regsci3.gif', /*url*/'images/busdev2.gif', /*url*/'images/busdev3.gif', /*url*/'images/busdev1.gif', /*url*/'images/intprop2.gif', /*url*/'images/intprop3.gif', /*url*/'images/intprop1.gif')">
    <TABLE width="100%" height="100%" cellspacing="0" border="0" name="table">
    <TR align="center" valign="middle" name="top">
        <TD valign="middle" border=0 name="bottom"> 
          <div align="center">
    
          &nbsp;<table width="1000" cellpadding="0" cellspacing="0" border="1" bordercolor="#0000FF" height="750" bordercolorlight="#0000FF" bordercolordark="#0000FF" style="border-collapse: collapse">
            <tr> 
              <td height="118"> 
                <div align="left">
    				<img border="0" src="images/topbardraft3%20copy.jpg" width="1000" height="113"></div>
              </td>
            </tr>
            <tr> 
              <td height="26" align="center"> 
                <div style="position: relative; width: 713px; height: 0px;  z-index: 11; left: 140px; top: -12px; " id="layer1">
    				<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
    
    					<tr>
    						<td>
    						<a target="_embed" href="home.htm">
    						<img border="0" src="images/home1.gif" width="119" height="25" id="img1" onmouseover=" closeMenu(); FP_swapImg(1,1,/*id*/'img1',/*url*/'images/home2.gif');" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'images/home3.gif')" onmouseup="FP_swapImg(1,0,/*id*/'img1',/*url*/'images/home2.gif')" onmouseout="FP_swapImg(1,0,/*id*/'img1',/*url*/'images/home1.gif')"></a></td>
    						<td width="119">
    						<a target="_embed" href="about.htm">
    						<img border="0" src="images/about1.gif" width="119" height="25" onmouseover="closeMenu(); FP_swapImg(1,0,/*id*/'img3',/*url*/'images/about2.gif');" id="img3" onmouseout="FP_swapImg(1,0,/*id*/'img3',/*url*/'images/about1.gif')" onmousedown=" FP_swapImg(1,0,/*id*/'img3',/*url*/'images/about3.gif')" onmouseup="FP_swapImg(1,0,/*id*/'img3',/*url*/'images/about2.gif')"></a></td>
    						<td>
    						<a href="javascript:;">
    
    						<img border="0" src="images/service1.gif" width="119" height="25" onmouseover="openMenu('layer2'); FP_swapImg(1,0,/*id*/'img4',/*url*/'images/service2.gif');" id="img4" onmouseout="FP_swapImg(1,0,/*id*/'img4',/*url*/'images/service1.gif')"></a></td>
    						<td>
    						<a target="_embed" href="management.htm">
    						<img border="0" src="images/manage1.gif" width="119" height="25" onmouseover="closeMenu(); FP_swapImg(1,0,/*id*/'img7',/*url*/'images/manage2.gif');" id="img7" onmouseout="FP_swapImg(1,0,/*id*/'img7',/*url*/'images/manage1.gif')" onmouseup="FP_swapImg(1,0,/*id*/'img7',/*url*/'images/manage2.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img7',/*url*/'images/manage3.gif')"></a></td>
    						<td>
    						<a target="_embed" href="alliances.htm">
    						<img border="0" src="images/alli1.gif" width="119" height="25" onmouseover="closeMenu(); FP_swapImg(1,0,/*id*/'img6',/*url*/'images/alli2.gif');" id="img6" onmouseout="FP_swapImg(1,0,/*id*/'img6',/*url*/'images/alli1.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'images/alli3.gif')" onmouseup="FP_swapImg(1,0,/*id*/'img6',/*url*/'images/alli2.gif')"></a></td>
    						<td>
    						<a target="_embed" href="contact.htm">
    
    						<img border="0" src="images/contact1.gif" width="119" height="25" onmouseover="closeMenu(); FP_swapImg(1,0,/*id*/'img5',/*url*/'images/contact2.gif');" id="img5" onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'images/contact3.gif')" onmouseout="FP_swapImg(1,0,/*id*/'img5',/*url*/'images/contact1.gif')" onmouseup="FP_swapImg(1,0,/*id*/'img5',/*url*/'images/contact2.gif')"></a></td>
    					</tr>
    				</table>
    			</div>
                <div style="position: relative; left: 85px; top: 13px; width: 121px; height: 0px; z-index: 10; visibility: hidden" id="layer2">
    				<table border="0" width="100%" id="table2" cellspacing="1" cellpadding="0">
    					<tr>
    						<td><a href="regscience.htm">
    						<img border="0" src="images/regsci1.gif" width="119" height="25" id="img2" onmouseover="FP_swapImg(1,1,/*id*/'img2',/*url*/'images/regsci2.gif');" onmouseout="FP_swapImg(1,0,/*id*/'img2',/*url*/'images/regsci1.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'images/regsci3.gif')" onmouseup="FP_swapImg(1,0,/*id*/'img2',/*url*/'images/regsci2.gif')"></a></td>
    
    					</tr>
    					<tr>
    						<td><a href="businessdev.htm">
    						<img border="0" src="images/busdev1.gif" width="119" height="25" id="img8" onmouseover="FP_swapImg(1,0,/*id*/'img8',/*url*/'images/busdev2.gif');" onmousedown="FP_swapImg(1,0,/*id*/'img8',/*url*/'images/busdev3.gif')" onmouseup="FP_swapImg(1,0,/*id*/'img8',/*url*/'images/busdev2.gif')" onmouseout="FP_swapImg(1,0,/*id*/'img8',/*url*/'images/busdev1.gif')"></a></td>
    					</tr>
    					<tr>
    						<td><a href="intproperty.htm">
    						<img border="0" src="images/intprop1.gif" width="119" height="25" id="img9" onmouseover="FP_swapImg(1,0,/*id*/'img9',/*url*/'images/intprop2.gif');" onmousedown="FP_swapImg(1,0,/*id*/'img9',/*url*/'images/intprop3.gif')" onmouseup="FP_swapImg(1,0,/*id*/'img9',/*url*/'images/intprop2.gif')" onmouseout="FP_swapImg(1,0,/*id*/'img9',/*url*/'images/intprop1.gif')"></a></td>
    					</tr>
    
    				</table>
    			</div>
    			<div style="position: absolute; left: 394px; top: 85px; width: 520px; height: 250px; z-index: 9; visibility: hidden" id="closer">
    				<img border="0" src="images/shim.gif" width="520" height="250" onmouseover="closeMenu()" onmouseout="FP_swapImgRestore()"></div>
              </td>
            </tr>
            <tr> 
              <td valign="top" align="left"> 
    			<iframe name="_embed" src="home.htm" width="100%" height="100%" frameborder=0></iframe> 
              </td>
    
            </tr>
          </table>
        	<p>&nbsp;</div>
        </TD name="bottom-end">
      </tr name="top-end">
    </table name="table">
    
    </body>
    </html>

  • #2
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Hello jsadaie

    I fear that chances are small that someone here will try to find a solution to whatever issues there may be. Your software is spitting out complex code which is not readable by humans. Hence it is not fixable by humans either.

    I strongly encourage you to try recoding the page using modern, simple coding techniques in a plain editor. This means:

    • All style rules contained in an external style sheet
    • No tables for layout
    • No sliced images
    • No inline event handlers
    • Semantic mark-up

    There are plenty of tutorials in the sticky section covering these topics.

    Anyway, can you provide a link to the live page so we have an idea what the page looks like? Maybe there is a simple solution if you don't have time to recode the page.

  • #3
    New to the CF scene
    Join Date
    Jun 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for your input, yeah I realize that frontpage puts a bunch of garbage code, but I havn't actually done hard coding since high school (eep)...it was so long ago I'm not sure if I'll be able to do that way now. I hope there's a easy way around it, because I am short on time to get this out.

    The site isn't actually live yet, but I went ahead and temporaily uploaded part of it to a free host so you guys can take a look. Many Thanks.

    Link:
    http://wearevenomnow.tripod.com/

  • #4
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Quote Originally Posted by jsadaie View Post
    The site isn't actually live yet, but I went ahead and temporaily uploaded part of it to a free host so you guys can take a look. Many Thanks.
    Link:
    http://wearevenomnow.tripod.com/
    Hmm... That link doesn't seem to take us to the correct page.

  • #5
    New to the CF scene
    Join Date
    Jun 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks, I fixed it thou, so I took it down.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •