Frustrating navbar problem

So, here's my problem. I am trying to make the background of my navbar transparent, sounds easy enough, at least I thought so.

Anyways, under All Style Options I am using the same image for Category Strips and Popup Menu Controls, nothing special, just makes it look the same (see attached image for example). The problem is, is that the navbar also uses the same image from Popup Menu Controls.

I also attached an image of my navbar. I would like to remove the black image from the background and the border.

anyone have an idea?
 
You can change that by applying a new class to each drop down menu and adding the background color of your choice. i would say you can use this.

.new_nav {
background-color: /* your color here */;
background-image: url(/* path to image */);
border: 1px solid /* add your color here*/;
/* you can use the border-left:, border-right:, border-top:, and border-bottom:, to make each one diffrent. also as far as the top part I think they use th so make sure to change that aswell*/
}


You can do the same for the th tag so it show a diffrent color. as far as making the background trasparent try typeing transperancy in the field or creating another class and using a transparent image. use gimp and make new doc but before you created it go to advanced and make it transparent. I personally would just use the imahe you used to do the buttons without any images so it flows but thats is your choice. If you need help let me know i`m here to help ya boss. lol
 
alexD's idea is right, but I differ with him on the CSS and transparency matter..

Better CSS would be:
Code:
[color=Red]background: #/*COLOR*/ url(/*url to image*/) repeat-x top left;[/color]
border: 1px /*solid, dashed or dotted*/ #/*border color*/;
[color=Red]opacity:/*X*/;[/color]

For more info on the opacity subject I give you the following link:
CSS Transparency Settings for All Browsers

Hope you find the information use full.
 
Back
Top