...
PDA

problem with dropdown menu

jsadaie
06-27-2007, 10:19 PM
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:

<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>
koyama
06-27-2007, 11:53 PM
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.
jsadaie
06-28-2007, 12:30 AM
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/
koyama
07-01-2007, 05:36 PM
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.
jsadaie
07-03-2007, 10:54 PM
thanks, I fixed it thou, so I took it down.

EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum