Slav

[Slav]

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

 

[Andrea]

It looks right - any chance your actual page is online and you can link to it so we can see the whole thing?

[Andrea]

Also, is the hover the only thing not working?

 

[Slav]

hi,

Many thanks for replay. I mange to fix this by myself it was about a margin or border overlap my navigation section.

thanks