Need help making my menu transparent

Hi

Using dreamweaver to build an html website.

Need help making my menu background transparent.

Any suggestions?

thx in advance

 

I think the only way is to do it through Photoshop.

Try these links:
http://www.absolutecross.com/tutorials/photoshop/transparent-gifs
http://www.lunaloca.com/tutorials/antialiasing/

Hopefully your "menus" are images, right?

 

If you're doing those as solid colors, declare them as RGBA
background:rgba(64,64,64,0.5);

Would give you a dark gray that's 50% opaque. Only works in IE8+ though, so just beware of that.

You could also make the entire element translucent using the opacity property, but that would also change how the text is rendered, and translucent background has bad enough legibility issues without further screwing things over.

NOT that accessibility is likely on your design list since you're putting a massive fixed size image on the page, AND are working in the steaming dung heap known as Dreamweaver.

 

You could use an image for your button's background. Open up Photoshop. Create a new file with desired dimensions. Fill it with whatever color you want and in the layer's window find Opacity and put it to your desired percent.

 

why not just make the color a few notches lighter than background would give the illusion, then put border: 1px solid #few notches darker than background; )

 

Hope this will help,
div#menu1 ul.rMenu {
background: transparent;
border: none;

 

Transparent, or opaque?

If you want it to be fully transparent, then just don't set anything for the background, or as was suggested above use photoshop to create your menu items as transparent images.

Otherwise, you can use CSS to set the level of opacity.

#menu
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}