Topic: Menu li a

I have tried to color an menu li element with an a tag in it.
Iv'e tried with this css with no success.

.swedish li a {
	color: yellow;
	background-color: blue;
}
.swedish li a:hover {
	color: blue;
	background-color: yellow;
}

and just added the 'class="swedish"' in the li tag...

HTML
CSS

Thank you...

The problem is that the css specifices "a tag with class 'swedish' which contain a <li>-tag which again contains an <a>-tag".

So you need to rewrite the rules to

li.swedish  a {
	color: yellow;
	background-color: blue;
}
li.swedish  a:hover {
	color: blue;
	background-color: yellow;
}

After that they should work as you expect.

_________________________
- the Golden Ratio

Thank you!

Another question if I increase the text size in em, in the menu. The text turns out red In Firefox. I think it's "reversed color ring" or just simply red.

I tried with a:visited and was not that.

Any idea's...!!?



(Edited by OlssonE on 02-11-2009 21:47)

(Edited by OlssonE on 02-11-2009 22:12)