Slav 0 Posted May 16, 2018 Report Share Posted May 16, 2018 Hi there! I am in CSS chapter 5 Styling links and list and I have a problem with nav tag. When I place mouse on link nothing happen. Its my code: html <nav id="navigation"> <h2>The Main navigation</h2> <ul> <li><a href="https://www.google.com/">Home</a></li> <li><a href="https://www.google.com/">Store</a></li> <li><a href="https://www.google.com/">Blog</a></li> <li><a href="https://www.google.com/">Contact us</a></li> </ul> </nav><!--closing navigation--> and css /* unvisited links*/ a:link { color: yellow; text-decoration: none; } a:visited: { color: red; background: red; } /*mouse over link*/ a:hover { color: blue; text-decoration: underline; font-family: arial; font-size: 30px; } /*selected link*/ a:active: { color: green; font-weight: bold; } #centerDoc a:link { color: green; text-decoration: underline; } #centerDoc a:hover { color: blue; } Thanks Quote Link to post Share on other sites
Andrea 21 Posted May 16, 2018 Report Share Posted May 16, 2018 It looks right - any chance your actual page is online and you can link to it so we can see the whole thing? Quote Link to post Share on other sites
Andrea 21 Posted May 16, 2018 Report Share Posted May 16, 2018 Also, is the hover the only thing not working? Quote Link to post Share on other sites
Slav 0 Posted May 17, 2018 Author Report Share Posted May 17, 2018 hi, Many thanks for replay. I mange to fix this by myself it was about a margin or border overlap my navigation section. thanks Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.