Help with Dynamic Drive tutorial; how to make bg transparent

[Leprakawn]

Here is the script: http://www.dynamicdrive.com/dynamici...menu/index.htm

I found that and thought it was better than the rest of their multiple-level menus. My only problem is that I need to figure out how to make the base layer's colour transparent.

In the exmplmenu_var.js file, this is the line of code for the base colour: var LowBgColor='white'; I have tried 'transparent' and '#F00,' but neither worked. Does anyone else have any suggestions or recommendations? I need to figure this one out because the bg img on the page itself has a linear gradient, and a solid colour for the LowBgColor looks bad.

Thanks for any help!

[curtiss]

Forget about Dynamic Drive. Check out son of suckerfish instead.

[Deadeye]

replace the background of the menu with a gif that is transparent?

I have no idea. I'd have to look at the script. Let me know if curtiss' script doesn't work

Wesley

[Leprakawn]

That looks perfect! Now I just need to go and figure out the code, and it should work. Thanks, Curtiss!

[Deadeye]

oh fine..... use his idea..... see if I care *hmrph*

[Leprakawn]

Originally Posted by Deadeye

oh fine..... use his idea..... see if I care *hmrph*

What was that you said about being so busy a few days ago? Zoom 1 image in, 3 out.
But if you have any other ideas, post'em anyway.

[Deadeye]

lol naaa its fine, just messing around, maybe a [/sarcastic] tag was in order

[Leprakawn]

Deadeye... guess what! I am having some complications with Curtiss's suggestion. I am figuring it out bit by bit--this whole em thing is throwing me off--so feel free to toss in any other suggestions.

[curtiss]

"em" is a decimal representation of font-size. 1em is equal to the width or height of a single font character. Therefore, .5em would be half the size, 2em would be twice the size, etc.

You can substitute pixel sizes for the em if you want. They just used em units because that's considered the new "best" method.

[Deadeye]

oh geez, I've never even heard of em

[Leprakawn]

Originally Posted by curtiss

You can substitute pixel sizes for the em if you want.

Yeah, I tried that, but then everything goes berzerk for some reason. I assume it has something to do with the JS.

Then the major problem I am having is that the file I am using it for is the nav panel, so it is placed as an include. Unfortunately the only way I can accomplish the include is to use FP's crummy webbot method. If I look at the file on its own, things appear fine, but when it is included, the whole thing goes nuts: all of my original CSS for ul gets applied--which is different from the ul I used in the nav section--and the items are all laid out, so there is no mouseover ability.

Deadeye or anyone else for that matter, if you have any suggestions, feel free to suggest them!

And yes, I have to use FP because it is at work, which is for the U.S. government, and everything is on the .mil server.

[curtiss]

Originally Posted by Leprakawn

If I look at the file on its own, things appear fine, but when it is included, the whole thing goes nuts: all of my original CSS for ul gets applied--which is different from the ul I used in the nav section--and the items are all laid out, so there is no mouseover ability.

Have you made sure to cancel out all of the CSS definitions that are defined through the original UL declaration?

Is the CSS for the dropdown menu placed after the CSS for the rest of the page? If not, do so. If that's not possible, try adding the "!important" declaration after each style declaration in your dropdown CSS.

And yes, I have to use FP because it is at work, which is for the U.S. government, and everything is on the .mil server.

I understand perfectly. That's essentially why I use Dreamweaver. Good luck with it.

[Leprakawn]

Well, it doesn't really make sense to me because I have my standard ul styles, and then I changed the "new" ul style to ul-du; however, all of the items I wrote as ul-du appear as ul. (That's when it is viewed as an include, but when I view the page on its own, it looks the way it is supposed to.)

*sudden idea* Maybe I need to remove the hyphen.

Geez Curtiss, thanks for making me feel better! And yes, I am trying to get them to understand that DW is the way to go.

[Leprakawn]

I have no idea how I found this page, but this is the best solution. Also, check out his other CSS creations!
http://www.cssplay.co.uk/menus/example_flyout.html