Suckerfish menu?

How did they do a transparent vertical tree menu using the suckerfish? I saw some website's that has really cool sub nav menu that move/slides down when you mouse over it. How is it done using dreamweaver?

It's probably not done using Dreamweaver =)

Without knowing the examples you're referencing, I can only guess they've set a background image as either a Transparent GIF or Alpha PNG.

If you could provide an example, I might be able to offer more specific advise.

Maybe something like this:

http://meyerweb.com/eric/css/edge/complexspiral/demo.html

This one is cool too, but the overhead is way over the top!

http://www.aidomes.com/

Humanetainit, the second example's pretty neat... but sluggish. =)

Yeah, I like css-only solutions best, simplicity is king!

I would recommend using whatever color you want on the menu and making a 1x1 pixel image in photoshop and changing the opacity to 30-40% depending on what color you want and save it as a transparent png file. Then just repeat it as a background image.

To do a transparent white in Photoshop follow these steps:
1. Open new file in photoshop 20x20 pixels
2. Fill with white and change layer opacity to 30% (whichever opacity you like)
3. Crop the image to 1x1 pixels
4. Save for the web and choose png -24
5. Make sure transparency is checked when saving
6. In your css style just apply the image as a repeating background

Hope this helps. Sorry to be to obvious in my descriptions you probably new what I was talking about in the first couple sentences, but you never know.

Hi Kaminari, welcome to the forums!

Your suggestion of transparent PNG is a good one, but I would be cautious if you require the support of older browsers. Remember, Internet Explorer didn't support transparent PNGs until IE7!