Drop down menu - Transparent menu in Foxfire

**LindaM** · 03-27-2006, 06:19 PM

I'm having trouble with viewing a Dynamic Drive drop down menu on Foxfire. I am unsure of the exact menu - it was provided by my IT department and the code simply says Drop Down Menu. It can be found on our web site, www.scscu.com.

When viewing on Foxfire, the drop menu background appears transparent. The background for the entire menu is a maroon gif image, so the background needs to appear white in order to read the text. IE works fine. I'm assuming the problem is in the following coding?

<div id=dropmenu1
style="position:absolute;left:0;top:0;layer-background-color=#FFFFFF;background-color=#FFFFFF;width:130;visibility:hidden;border:1px solid black;padding:0px; z-index:100">
<script language="JavaScript1.2">
if (document.all)
dropmenu1.style.padding="4px"
for (i=0;i<menu2.length;i++)
document.write(menu2[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu1.captureEvents(Event.CLICK)
document.dropmenu1.onclick=hidemenu
}
</script>

Also, on Foxfire, the menu appears to be double spaced and the gif image has been automatically re-sized to fit the entire length of the page. How can I correct this? Perhaps this coding will help:

<body bgcolor="#FFFFFF" topmargin="0" leftmargin="0" link="#800000" vlink="#333333" alink="#800000">

<TABLE id=AutoNumber1
style="BORDER-RIGHT: 0px none; BORDER-COLLAPSE: collapse; border-left-width:0; border-top-width:0; border-bottom-width:0" height=327
Padding=2 width=140 background="graphics/backgrnd307.gif">
<TR>
<TD width="140" height=327 valign="top" background="graphics/backgrnd307.gif" width="140" height="307">

<script language="JavaScript1.2">
//reusable/////////////////////////////

//Drop down menu by http://www.dynamicdrive.com

I am a marketing person with limited html knowledge and most of that via using Frontpage. Please speak slowly for me!

Many thanks for any help and suggestions.

Linda

**jscheuer1** · 03-27-2006, 06:36 PM

I'm fairly familiar with the scripts here at DD. I am NOT an employee of DD. I cannot recall ever seeing that menu in the current library and looking at its code it looks quite outdated. It looks like a precursor to the current AnyLink Vertical Menu, which might be a good substitute. However, when I looked at your page, I could not see the transparent problem in FF.

**LindaM** · 03-27-2006, 07:48 PM

So using FF, when you click on About Us, for example, the sub menu "About SCU, Contact Us, etc.) appears on a white background? I know we have had complaints about it, so it's not just me. I'm using FF 1.5.0.1 ???

I really don't want to have to redo the entire menu code right now.

Thanks for your help.

**jscheuer1** · 03-27-2006, 08:33 PM

I thought it was an onmouseover menu so, I missed the transparent stuff. The page is a bit of a mess but, changing the style to this (on the page http://www.scscu.com/Framleft.htm) seems to make it work:

Code:

<style>
<!--
.wrap1{
position:relative;top:20px;
}
* html .wrap1 {
top:0;
}
.wrap2{
position:relative;display:block;margin:-25px 0;
}
* html .wrap2 {
position:absolute;
display:inline;
margin:0;
}
#dropmenu0, #dropmenu1, #dropmenu2, #dropmenu3, #dropmenu4, #dropmenu5, #dropmenu6, #dropmenu7, #dropmenu8, #dropmenu9, #dropmenu10, 
#dropmenu11, #dropmenu12, #dropmenu13, #dropmenu14, #dropmenu15, #dropmenu16{
z-index:100;background-color:white;
}
-->
</style>

**LindaM** · 03-27-2006, 09:00 PM

"A bit of a mess" is a kind understatement! We are limping along until we can get to a complete overhaul. In the meantime, you are a genius and a lifesaver. Thank you ever so much!

Thread: Drop down menu - Transparent menu in Foxfire

Thread Tools

Search Thread

Drop down menu - Transparent menu in Foxfire

Transparent menu

Bookmarks

Bookmarks

Posting Permissions