vote up 0 vote down
star

How do I change the header menu (Questions, Tags, Users etc) to have no frame?

I mean actually I wish to have no background color or a white background color (and just see the text) inside the 'Questions', 'Tags', 'Users', etc boxes.

alt text

If I use the following code:

/*set the default header*/
.nav li {
        background: #ffffff;
        color: #333333;
}

/*set the selected header*/
.nav .youarehere {
        background: #ffffff;
        color: #555555;
}

/*set the hover header*/
.nav li:hover {
        background: #ffffff;
        color: #222222;
}

I get the following header menu: (everything is white: background AND Font color): alt text

flag
I'm not clear what you mean. What frame? – Rich Seller Feb 4 at 18:10
I mean the colored rectangle in which the text 'Questions' is written for example. – tucson Feb 4 at 18:59

1 Answer

vote up 1 vote down
check

Extending my answer to your other question. If you want black text on white background for all tabs, just set the colours as follows This sets the hover to white on black.

.nav li a {
	background: #FFFFFF;
	color: #000000;
}

.nav .youarehere {
	background: #FFFFFF;
	color: #000000;
}

.nav li a:hover {
	color: #FFFFFF;
	background: #000000;
}
link|flag
Thanks Rich; the code works fine. I suscpedt the problem was due to having ".nav li:hover" instead of ".nav li a:hover". – tucson Feb 7 at 14:05

Your Answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.