Menu bar

[JIMBO86]

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

[keyboard]

I browsed the source code and found this,

The links are displayed within a table, like this-

<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

#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