Log in

View Full Version : 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 (http://www.dynamicdrive.com/dynamicindex1/anylinkvertical.htm), 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:


<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!