1 Reply Latest reply on Apr 7, 2010 10:00 AM by finnegansmom

    FontStyles Acting Strange in CSS

    finnegansmom Level 1
      1. I have fontstyles defined for my links for navigation bar (NavBar), Sidebar-link and Bottom-link.
      2. The styles work on some of the items and but work differently on others.  For example, on the side bar, Othello and Moses Lake are not being underlined, but do get a background color when hovered over, while Coulee City and Ritzville are underlined and have the correct hover format.  It looks right on my template but doesn't look at all correct on the page when viewing in Dreamweaver.
      3. There are the same issues at the bottom of the page and in the navigation bar.

       

      My website is www.evergreen-implement.com

       

      Coding:

                <td><div align="center"><span class="Sidebar-link"><a href="../Evergreen-Othello.html">Othello</a></span><br />
                    <span class="Sidebar-Normal">800-572-0391<br />
                      509-488-5222</span><br />
        <span class="Sidebar-link"><a href="../Evergreen-Moses_Lake.html">Moses Lake</a></span><br />
        <span class="Sidebar-Normal">800-722-8495<br />
          509-765-0988</span><br />
        <span class="Sidebar-link"><a href="../Evergreen-Coulee_City.asp">Coulee City</a></span><br />
        <span class="Sidebar-Normal">800-835-8311<br />
          509-632-5547</span><br />
        <span class="Sidebar-link"><a href="../Evergreen-Ritzville.html">Ritzville</a></span><br />
        <span class="Sidebar-Normal">800-777-8704<br />
          509-659-0510</span></div></td>
              </tr>

       

      Css:

      .Sidebar-link a:link {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
              text-decoration: underline;
      color: #FFFF00;
      font-weight: bold;
      }
      .Sidebar-link a:visited {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
              text-decoration: none;
      color: #FFFF00;
      font-weight: bold;
      }
      .Sidebar-link a:hover {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
              text-decoration: none;
      color: #FFFF00;
      font-weight: bold;
      background:#000099;
      }
      .Sidebar-link a:active {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
              text-decoration: none;
      color: #ffff00;
      font-weight: bold;
      background: #000000;
      }

       

      Thanks.

       

      [Moved to Dreamweaver General Discussion forum by moderator]