Jump to content
Stef's Coding Community

Slav

New Members
  • Content Count

    2
  • Joined

  • Last visited

Posts posted by Slav

  1. 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

     

×
×
  • Create New...