Page 1 of 1

need help with css in navigation menu

Posted: Tue 10. May 2005, 13:08
by gEnTi
I'd like to have white font color on mouseover(table row and text). My actual CSS looks like this:

Code: Select all

.nav_table a:active, .nav_table_active a:active, .nav_table_active a:visited, .nav_table_active a:hover, .nav_table_active, .nav_table_active a, .nav_table_active a:link  {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.nav_table a, .nav_table a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

.nav_table a:link, .nav_table a:visited {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #737ECE;
	font-weight: normal;
	text-decoration: none;
}
As you can see, it should be white. Why is it not?

The mentioned site is: http://www.saturn.ch/index.php

=======

Ich habe eine Seite bei der ich bei einem MouseOver weisse Schrift haben möchte, dies trifft aber in meinem Fall nicht zu. Wo liegt der Fehler?
Die Seite die es betrifft ist http://www.saturn.ch/index.php (siehe Menü zur linken)

Posted: Tue 10. May 2005, 13:29
by jscholtysik
Hi gEnTi,


what browser do you use? When I use Firefox, I have the same problem.

When I use IE 6.0, it works... :-)


Joachim

Posted: Tue 10. May 2005, 13:46
by pico
try it by changing this

Code: Select all

.nav_table a:link, .nav_table a:visited {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

Posted: Tue 10. May 2005, 21:42
by gEnTi
jscholtysik wrote:Hi gEnTi,


what browser do you use? When I use Firefox, I have the same problem.

When I use IE 6.0, it works... :-)


Joachim
It just works the first time. When you have clicked on every link in the menu it just stays purple on purple background... as far as i can remember from the last time i tried...

@pico will try your suggestion.. actually it seems that every link will change its color in the menu to white on every item. that's not what I want..

I'm so close to think that this is not technically possible :-)

Posted: Tue 10. May 2005, 23:32
by pico
think it is possible, but you must split your Styles a little more in
hover, active, visited and so on

Posted: Wed 11. May 2005, 02:04
by Sevenupcan
Yeah, it's something to do with your a pseudo-classes. Try replacing a:link with just a and see if that makes any difference.

I'm not sure why it turns the dfault purple though, as the style she tells it to turn white when it has been visited. At least it does for one selector.