Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations TouchToneTommy on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

popup menu and frame = oil and water

Status
Not open for further replies.
tellersix

tellersix

Programmer
Oct 19, 2003
23
US
i already posted this question in the dreamweaver section, but i thought it would be better answered here, sorry about the multiforum posting.

my navigation bar is comprised of a set of rollover images that are nested in a table. while the gif's are in the table the pop up menus won't work, however if the rollover gifs are removed from the table and placed alone in a layer the pop up menus work just fine, but i need the scaleable properties that come from nesting them in the table. please do not tell me that it is impossible to have a pop up menu and a table at the same time. thanks!

here is the code with the conflict
<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;>
<html>
<head>
<!-- TemplateBeginEditable name=&quot;doctitle&quot; -->
<title>larossa studios</title>
<!-- TemplateEndEditable -->
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
<!-- TemplateBeginEditable name=&quot;head&quot; -->
<!-- TemplateEndEditable -->
<script language=&quot;JavaScript&quot; type=&quot;text/JavaScript&quot;>
<!--
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.indexOf(&quot;#&quot;)!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf(&quot;?&quot;))>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[n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
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))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body leftmargin=&quot;0&quot; topmargin=&quot;0&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot; onLoad=&quot;MM_preloadImages('../navbar/navbaroll_r1_c1.gif','../navbar/navbaroll_r1_c2.gif','../navbar/navbaroll_r1_c3.gif','../navbar/navbaroll_r1_c4.gif','../navbar/navbaroll_r1_c5.gif')&quot;>
<table width=&quot;100%&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
  <!--DWLayoutTable-->
  <tr>
    <td width=&quot;100%&quot; height=&quot;32&quot; valign=&quot;top&quot;><table width=&quot;100%&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
        <!--DWLayoutTable-->
        <tr>
          <td width=&quot;533&quot; height=&quot;32&quot; valign=&quot;top&quot;><img src=&quot;../navbar/titleA.gif&quot; width=&quot;533&quot; height=&quot;32&quot;></td>
          <td width=&quot;692&quot; bgcolor=&quot;#003366&quot;>&nbsp;</td>
          <td width=&quot;51&quot; valign=&quot;top&quot;><img src=&quot;../navbar/titleB.gif&quot; width=&quot;51&quot; height=&quot;32&quot;></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td height=&quot;24&quot;>&nbsp;</td>
  </tr>
  <tr>
    <td height=&quot;24&quot; valign=&quot;top&quot;> <table width=&quot;100%&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; bgcolor=&quot;#003366&quot;>
        <!--DWLayoutTable-->
        <tr>
          <td width=&quot;80&quot; height=&quot;24&quot;><img src=&quot;../navbar/navbar_r1_c1.gif&quot; name=&quot;Image11&quot; width=&quot;80&quot; height=&quot;24&quot; id=&quot;Image1&quot; onMouseOver=&quot;MM_swapImage('Image11','','../navbar/navbaroll_r1_c1.gif',1);MM_showMenu(window.mm_menu_1025125056_0,0,24,null,'Image11')&quot; onMouseOut=&quot;MM_swapImgRestore();MM_startTimeout()&quot;></td>
          <td width=&quot;102&quot;><img src=&quot;../navbar/navbar_r1_c2.gif&quot; name=&quot;Image21&quot; width=&quot;102&quot; height=&quot;24&quot; id=&quot;Image2&quot; onMouseOver=&quot;MM_swapImage('Image21','','../navbar/navbaroll_r1_c2.gif',1);MM_showMenu(window.mm_menu_1025125234_0,0,24,null,'Image21')&quot; onMouseOut=&quot;MM_swapImgRestore();MM_startTimeout()&quot;></td>
          <td width=&quot;100&quot;><img src=&quot;../navbar/navbar_r1_c3.gif&quot; name=&quot;Image31&quot; width=&quot;100&quot; height=&quot;24&quot; id=&quot;Image3&quot; onMouseOver=&quot;MM_swapImage('Image31','','../navbar/navbaroll_r1_c3.gif',1);MM_showMenu(window.mm_menu_1025125345_0,0,24,null,'Image31')&quot; onMouseOut=&quot;MM_swapImgRestore();MM_startTimeout()&quot;></td>
          <td width=&quot;66&quot;><img src=&quot;../navbar/navbar_r1_c4.gif&quot; name=&quot;Image41&quot; width=&quot;66&quot; height=&quot;24&quot; id=&quot;Image4&quot; onMouseOver=&quot;MM_swapImage('Image41','','../navbar/navbaroll_r1_c4.gif',1);MM_showMenu(window.mm_menu_1025125418_0,0,24,null,'Image41')&quot; onMouseOut=&quot;MM_swapImgRestore();MM_startTimeout()&quot;></td>
          <td width=&quot;73&quot;><img src=&quot;../navbar/navbar_r1_c5.gif&quot; name=&quot;Image51&quot; width=&quot;73&quot; height=&quot;24&quot; id=&quot;Image5&quot; onMouseOver=&quot;MM_swapImage('Image51','','../navbar/navbaroll_r1_c5.gif',1);MM_showMenu(window.mm_menu_1025125526_0,0,24,null,'Image51')&quot; onMouseOut=&quot;MM_swapImgRestore();MM_startTimeout()&quot;></td>
          <td width=&quot;71&quot;><img src=&quot;../navbar/navbar_r1_c6.gif&quot; width=&quot;71&quot; height=&quot;24&quot;></td>
          <td width=&quot;12&quot; bgcolor=&quot;#003366&quot;></td>
          <td width=&quot;13&quot; bgcolor=&quot;#003366&quot;></td>
          <td width=&quot;12&quot; bgcolor=&quot;#003366&quot;></td>
          <td width=&quot;295&quot; bgcolor=&quot;#003366&quot;></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td height=&quot;692&quot;>&nbsp;</td>
  </tr>
</table>
</body>
</html>
 
Status
Not open for further replies.

Similar threads

trevil620
  • Locked
  • Question
SoThink DHTML Menu Conversion
Replies
0
Views
813
trevil620
trevil620
rogerte
  • Locked
  • Question
Code that works on Windows, Android and Iphone
Replies
0
Views
763
rogerte
rogerte
AbidingDude
  • Locked
  • Question
replaceChild() and Keeping Relationships
Replies
1
Views
863
AbidingDude
AbidingDude
edgarv
  • Locked
  • Question
Field with numbers and characters get nan
Replies
1
Views
403
ggriffit
ggriffit
Dara2020
  • Locked
  • Question
Jquery Conflict between Mega-Menu and MailChimp form
Replies
0
Views
225
Dara2020
Dara2020

Part and Inventory Search

Sponsor

Back
Top