frame and pop-up menu are not mixing?

bee · October 24th, 2003, 12:23 PM

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 DWMX will not allow me to attach a pop up menu, 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. also i am not sure if it matters but the file is a template. thanks!

Imar · October 24th, 2003, 12:32 PM

Hi there,

I think you should post some code; makes it a lot easier to see what you're talking about. Are you working with some of the code from the book? If so, which chapter are you referring to?

Also, can you please not cross-post in multiple forums? Your message will be read anyway.

Cheers,

Imar

---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

bee · October 25th, 2003, 12:06 PM

here is the code with the conflict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>larossa studios</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript" type="text/JavaScript">

</script>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="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')">
<table width="100%" border="0" cellpadding="0" cellspacing="0">

  <tr>
    <td width="100%" height="32" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">

        <tr>
          <td width="533" height="32" valign="top"><img src="../navbar/titleA.gif" width="533" height="32"></td>
          <td width="692" bgcolor="#003366"> </td>
          <td width="51" valign="top"><img src="../navbar/titleB.gif" width="51" height="32"></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td height="24"> </td>
  </tr>
  <tr>
    <td height="24" valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#003366">

        <tr>
          <td width="80" height="24"><img src="../navbar/navbar_r1_c1.gif" name="Image11" width="80" height="24" id="Image1" onMouseOver="MM_swapImage('Image11','','../navbar/navbaroll_r1_c1.gif',1);MM_showMenu(window.mm_menu _1025125056_0,0,24,null,'Image11')" onMouseOut="MM_swapImgRestore();MM_startTimeout()" ></td>
          <td width="102"><img src="../navbar/navbar_r1_c2.gif" name="Image21" width="102" height="24" id="Image2" onMouseOver="MM_swapImage('Image21','','../navbar/navbaroll_r1_c2.gif',1);MM_showMenu(window.mm_menu _1025125234_0,0,24,null,'Image21')" onMouseOut="MM_swapImgRestore();MM_startTimeout()" ></td>
          <td width="100"><img src="../navbar/navbar_r1_c3.gif" name="Image31" width="100" height="24" id="Image3" onMouseOver="MM_swapImage('Image31','','../navbar/navbaroll_r1_c3.gif',1);MM_showMenu(window.mm_menu _1025125345_0,0,24,null,'Image31')" onMouseOut="MM_swapImgRestore();MM_startTimeout()" ></td>
          <td width="66"><img src="../navbar/navbar_r1_c4.gif" name="Image41" width="66" height="24" id="Image4" onMouseOver="MM_swapImage('Image41','','../navbar/navbaroll_r1_c4.gif',1);MM_showMenu(window.mm_menu _1025125418_0,0,24,null,'Image41')" onMouseOut="MM_swapImgRestore();MM_startTimeout()" ></td>
          <td width="73"><img src="../navbar/navbar_r1_c5.gif" name="Image51" width="73" height="24" id="Image5" onMouseOver="MM_swapImage('Image51','','../navbar/navbaroll_r1_c5.gif',1);MM_showMenu(window.mm_menu _1025125526_0,0,24,null,'Image51')" onMouseOut="MM_swapImgRestore();MM_startTimeout()" ></td>
          <td width="71"><img src="../navbar/navbar_r1_c6.gif" width="71" height="24"></td>
          <td width="12" bgcolor="#003366"></td>
          <td width="13" bgcolor="#003366"></td>
          <td width="12" bgcolor="#003366"></td>
          <td width="295" bgcolor="#003366"></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td height="692"> </td>
  </tr>
</table>
</body>
</html>

Imar · October 26th, 2003, 02:36 PM

Hi there,

The problem is not related to the fact you have nested your images in a table, but because you're using a template.

Even with the simplest template (a default HTML document with one embedded image), DW will not display the Pop-Up menu item.

To be honest, I have no idea why. There are other weird issues with templates as well, so this may be one of them.

The only work-around I know of is to apply your pop-up menu in a normal HTML page, and then copy the required HTML and JavaScript to the template page.

Cheers,

Imar

---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

bee · October 26th, 2003, 05:14 PM

thanks!

Imar · October 26th, 2003, 05:23 PM

Did you fix it by applying the pop-up menu to an image in another page and copying it to your template? Or did you find another solution?

Cheers,

Imar

---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

bee · October 26th, 2003, 05:35 PM

i went with the copying from a non-template page and although once pasted all the menu information (i.e. link names, appearance, and url) disapeared, i was left with the menu successfully applied to the template, and i quickly re-inserted the menu information. WORKS GREAT NOW AND I AM A HAPPY MAN, though i do have another problem involving autostretch which is posted. that's what i like about programing so far though, you find yourself in an endless string of riddles all of them very solvable, though as a whole they are unending, the high frequency of small bursts of satisfaction are very nice.