Results 1 to 2 of 2

Thread: Menu bar

  1. #1
    Join Date
    Feb 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Menu bar

    1) Script Title: MENU BAR

    2) http://www.golight.com/





    3) Describe problem: I would like to KNOW how they GET the Background color, behind the text link, to disappear when mousing over.

    Thanks,

    Jim

  2. #2
    Join Date
    Mar 2011
    Posts
    1,919
    Thanks
    59
    Thanked 105 Times in 103 Posts
    Blog Entries
    4

    Default

    I browsed the source code and found this,

    The links are displayed within a table, like this-

    HTML Code:
    <table width="750" border="0" cellpadding="0" cellspacing="0" id="topNav">
                  <tr height="18">
                    <td width="82" align="center"><a href="/products/index.html">PRODUCTS</a><a href="http://store.golight.com"></a></td>
                    <td width="100" align="center"><a href="/technology/index.html">TECHNOLOGY</a></td>
                    <td width="92" align="center"><a href="/solutions/index.html">SOLUTIONS</a></td>
                    <td width="73" align="center"><a href="/support/index.html">SUPPORT</a></td>
                    <td width="103" align="center"><a href="http://store.golight.com">STOREFRONT</a></td>
                    <td width="156" align="center"><a href="/blog">SPOTLIGHT ON GOLIGHT </a></td>
                    <td width="70" align="center"><a href="/company/index.html">COMPANY</a></td>
                    <td align="center"><a href="/company/contact.html">CONTACT</a></td>
                  </tr>
                </table>

    And then in a css document, they used this code

    HTML Code:
    #topNav a:hover { background-color: transparent; color: #ffffff; text-decoration: none; }
    This meant that when ever anything with the id topnav was hovered with the mouse, the background color would change to "transparent".


    Hope this helps,
    Keyboard1333
    Last edited by keyboard; 01-11-2012 at 04:58 AM.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •