Dark Navigation

Published on
Tags
Header, Navigation, Menu
No. of comments
4 comments
Browser compatibility
Firefox 4, Safari 4, Chrome 13, Opera 11, IE 6
License
MIT License
Dark Navigation CSS Code Snippet

A dark navigation menu bar complete with hover and active states.

Original PSD by Premium Pixels.

Download all snippets + a bonus
in one easy .zip

4 comments

Dani said
557c81f6c1f001287d35fe423fd9033b

Hi All!
First of all, congratulations for this website, it's really helpfull.

I have some problems by adding this Dark Navigation, it looks cool in Firefox, but it doesn't look good in IE8, although it says IE6 and newer compatible.

Could someone help me?

Thanks!

Thibaut said
B6374f07090c513a73b875e0c5fe5924

Thanks, Dani!
The demo looks fine for me in IE8.
Check your existing CSS for any interference. For example, if you've applied styling to elements such as ul and li, then that would be inherited by the navigation and might break things (in which case you'd need to reset the properties on the navigation, as in reset.css).
Thibaut

Dani said
557c81f6c1f001287d35fe423fd9033b

Hi Thibaut!
Thanks for your interest!
The demo looks fine for me too, but I have downloaded the code again and without make any change on it, I just opened it into IE8 and it doesn't look good :(
I don't know the reason why, any suggestion?
Thanks again!

Thibaut said
B6374f07090c513a73b875e0c5fe5924

Hey Dani
It looks fine for me in IE6-8 with the zipped code (which is the same as the demo).
If you're still having this issue please send me a screenshot at thibaut@webinterfacelab.com

Leave a comment