View Full Version : Menu bar

01-11-2012, 12:14 AM
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.



01-11-2012, 12:28 AM
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>

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,