Transparent Menu Background


Author Message
DLR

Posted: 1/4/2010
Quote message 

Any Ideas? I want the background of the menu BAR to be transparent so the page background will show through since the logo is partially on the same line and I figure putting logo on the background is the best way if i can get it to line up.

The menu buttons can stay normal for my needs
 
Garry

Posted: 1/4/2010
Quote message 

Try removing background image from following styling rule:

.art-nav .l, .art-nav .r
{
background-image:url(images/nav.png);
height:41px;
position:absolute;
top:0;
z-index:-1;
}
 
DLR

Posted: 1/5/2010
Quote message 

Will doing this cause some drama with validation? Thinking if it does then make replace nav.png with a transparent?

.art-nav .l, .art-nav .r
{
position: absolute;
z-index: -1;
top: 0;
height: 24px;

}
 
DLR

Posted: 1/5/2010
Quote message 

Garry thank you!

Though removing it didn't turn out to be the answer, your info got me thinking so now i am replacing the nav.png with my own, half logo and putting half the logo in the background then i tinkered the alignment. Wish i could show you but its a client so ya know...... anyway teaching her old dog some new tricks thanks to you!
 
Adeptris

Posted: 1/5/2010
Quote message 

Hi DLR,
If you are tinkering with alignment make sure you check it in a few browsers, FF and IE can give different output for some settings.

David
 
DLR

Posted: 1/5/2010
Quote message 

Yep FF can be a pain in the um yes

ty for the reminder though!