Slav 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 comment Share on other sites More sharing options...
Andrea 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 comment Share on other sites More sharing options...
Andrea Posted May 16, 2018 Report Share Posted May 16, 2018 Also, is the hover the only thing not working? Quote Link to comment Share on other sites More sharing options...
Slav 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 comment Share on other sites More sharing options...
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.