Hey all...

Here's the scoop:
I've got a crazy deadline on a web site and I promised the client I could give them a drop down menu that dropped over a flash piece. I've never built a drop down menu before. I've been researching it and came across an online company called Tigra, and I built one. I previewed it, I copied the code from viewing the source, tried placing it in my page, but the menu doesn't show up at all, you can view it here.

This link shows you where I need the menu placed.

This is what it's supposed to look like [not too pretty yet, I know]

I've also copied the code from a number of other sites with drop downs, including the suckerfish example that was offered as a sample in another topic on this site, and when I post it, this is what I get.

I feel like a cross-eyed dog chasing my tail...

Tigra says they have a product that creates these types of menus that drop over frames

Need Advice:

Will purchasing a product like Tigra Gold help me to reach my goal... is there a trick to placing the code that I am missing? Is it likely that i will have the same problem even using a purchased product?

I'm not at the point of crying yet, but I can see hankies in my near future if I don't get this figured out.

Any advice or help would be greatly appreciated; thanks for your time.

... losing my sense of reality, byte4byte

Here's some forum threads that might help...

http://www.codingforums.com/showthread.php?t=88841
http://www.sitepoint.com/forums/showthread.php?t=158317
http://forum.mamboserver.com/showthread.php?t=32748
http://forums.devx.com/showthread.php?threadid=6677

The dhtml menu from http://www.apycom.com/ has a built in widget to over come this problem I believe
.

thank you so much blue-dreamer! All these links are helpful... I'll let you know how it turns out.

Hi blue-dreamer,

Thank you! I found the flash code at one of the links you sent and I disected someones drop-down and figured out how to make it work.

I still have one problem... I can't get the main nav buttons to roll-over. Below is a section of my code that I copied and pasted the 'red' section as a test, but it doesn't work. Any suggestions? Thanks!

b4b
__________________________________________________ __________________

<td width="17%" valign="top"><div id="company" style="position:absolute; width:200px; height:88px; z-index:4; top:162; visibility: hidden;">
<table width="115" border="0" cellpadding="0" cellspacing="0" bgcolor="#0E4576" onMouseOver="MM_showHideLayers('products','','hide ','demoCenter','','hide','resources','','hide','su pport','','hide','company','','show')" onMouseOut="MM_showHideLayers('products','','hide' ,'demoCenter','','hide','resources','','hide','sup port','','hide','company','','hide')">
<tr>
<td><img src="../newimages/pix.gif" width="115" height="1"></td>
</tr>
<tr>
<td><a href="../company1.htm"><img src="../img/xl3_company1.gif" width="121" height="22" border="0"></a></td>
</tr>
<tr>
<td><img src="../newimages/pix.gif" width="115" height="1"></td>
</tr>
<tr>
<td><a href="../company2.htm"><img src="../img/xl3_company2.gif" width="121" height="22" border="0"></a></td>
</tr>
<tr>
<td><img src="../newimages/pix.gif" width="115" height="1"></td>
</tr>
<tr>
<td><a href="../company3.htm"><img src="../img/xl3_company3.gif" width="121" height="22" border="0"></a></td>
</tr>
<tr>
<td><img src="../newimages/pix.gif" width="115" height="1"></td>
</tr>
<tr>
<td><a href="../company4.htm"><img src="../img/xl3_company4.gif" width="121" height="22" border="0"></a></td>
</tr>
<tr>
<td align="right"><img src="../img/square_5px_white.gif" width="2" height="2" onClick="MM_showHideLayers('Layer1','','hide')"></td>
</tr>
</table>
</div>
<a href="../company.htm" onMouseOver="dropdownmenu(this,event,'company');MM _swapImage('company','','images/company_mo',1)" onClick="return clickreturnvalue()" onMouseOut="MM_swapImgRestore()" > <img src="../img/company.gif" width="121" height="30" border="0" onMouseOver="MM_showHideLayers('products','','hide ','demoCenter','','hide','resources','','hide','su pport','','hide','company','','show')"></a></td>
</tr>
__________________________________________________ _____________________________

Note: I can't place this code at the previous location to view the gui, because I'm building the actual page and the files are confidential until the site goes live.

Well, I have a menu made of gifs, and the dropdowns made of gifs and they all work fine. But now when I try add a rollover on the first main nav button, the rollover ends up working but the dropdown does not appear. Any suggestions?

i have some links that it might help u, why don't u see them:
http://www.codingforums.com/showthread.php?t=88841
http://www.sitepoint.com/forums/showthread.php?t=158317
http://forum.mamboserver.com/showthread.php?t=32748
http://forums.devx.com/showthread.php?threadid=6677
Hope they will be usefull to u

Well, I solved my problem by purchasing some software from Deluxe Menu. It's extremely user-friendly and allows for a wide -- if not unlimited -- range of parameters. I would recommend it to any JS newbie.
Thanks again for all your help! I'll post the URL when the site is complete.

Originally Posted by pitas

i have some links that it might help u, why don't u see them:
http://www.codingforums.com/showthread.php?t=88841
http://www.sitepoint.com/forums/showthread.php?t=158317
http://forum.mamboserver.com/showthread.php?t=32748
http://forums.devx.com/showthread.php?threadid=6677
Hope they will be usefull to u

Cool Links

Hi there,

I'm now using Sothink DHTMLMenu. The drop-down menu can display over flash, selected box and iframe.

You can give it a try.
http://www.sothink.com/product/dhtmlmenu/index.htm

Originally Posted by dhtml

Hi there,

I'm now using Sothink DHTMLMenu. The drop-down menu can display over flash, selected box and iframe.

You can give it a try.
http://www.sothink.com/product/dhtmlmenu/index.htm

Do you mean Sothink Dmenu , or Sothink Treemenu??
hmmm~~
I think you should tell us is that free ware?
Cause me feel terrible of some FREE WARE, They usually contain SPY or SPAM,
So please tell us the detail of your link.

I mean Sothink DHTMLMenu. Google it, you will know it's the first one in this filed.

Sothink Tree Menu? Not familiar with it. It's also Sothink product. For both of the two products, you may download the trial version on their website. They are not free. Of course they don't contain SPY or SPAM.

Good morning everyone!

The site is finally launched. There is still a small issue in Firefox, Netscape and Opera with a 1 px space on the home page; some of the formatting still needs cleaning up [because it was built in such a rush], but everything else is working just fine. Thanks to all of you for your help; particularly pitas and your links. You can view the site here.

You could add a layer over the top of it.

Nice work - those semi-transparent menus look sharp!

Thanks for the tip turtile, I'll have to look into it.
Thanks mgraphic, I can't take credit for the submenus, I built them with Deluxe Menu software... great software... OK-support, the company is in Sweden so the time difference is a bit of a pain if you are under deadline, and their responses were helpful but not 100% accurate... I had to do some hunting and crunching to get them to work in Netscape, Firefox and Opera. But I figured it out... if anyone uses this software [and I still do highly recommend it] just make sure that you place your menu in it's own table, not just in a cell.

I just downloaded Deluxe Menu and it seems like a great tool except my menu positioning breaks on any page that includes the following doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

If I remove this Doctype it works fine. Have you experienced any problems like this?

No, but I only have:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
at the top of my pages.