Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

On hover, show sub-menu

Status
Not open for further replies.
LucyL

LucyL

Technical User
Feb 20, 2002
113
US
Hi,

The code below displays a menu bar. On hover of the menu bar it shows sub-menus. I want to show a 'sub-sub menu' on hover of the first sub menu.
Help Appreciated.









<HTML>
<HEAD>

<!-- Menu bar with Submenus-->
<META name=&quot;GENERATOR&quot; content=&quot;Microsoft FrontPage 4.0&quot;>
</HEAD>
<BODY>
<table class = &quot;menu&quot; width = &quot;100%&quot; cellspacing=&quot;0&quot;>
<TR>
<td class = &quot;Hover&quot; onMouseOver=&quot;id0.style.visibility='';&quot; onMouseOut=&quot;id0.style.visibility='hidden';&quot;>Projects</td>
<td class = &quot;Hover&quot; onMouseOver=&quot;id1.style.visibility='';&quot; onMouseOut=&quot;id1.style.visibility='hidden';&quot;>Changes</td>
<td class = &quot;Hover&quot; onMouseOver=&quot;id2.style.visibility='';&quot; onMouseOut=&quot;id2.style.visibility='hidden';&quot;>Reports</td>
<td class = &quot;Hover&quot; onMouseOver=&quot;id3.style.visibility='';&quot; onMouseOut=&quot;id3.style.visibility='hidden';&quot;>Administration</td>

</TR>
<TR style=&quot;z-index:2;position:absolute;&quot;>
<td class = &quot;Hover&quot; id=&quot;id0&quot; onMouseOver=&quot;this.style.visibility='';&quot; onMouseOut=&quot;this.style.visibility='hidden';&quot; style=&quot;visibility: hidden; background-color: #99CCFF&quot; width=&quot;259&quot;><a href = &quot;/Mgt/ProjectController?action=OpenProject&quot;>Open</a><br><a href = &quot;/Mgt/ProjectController?action=OpenProject&quot;>New</a><br></td>
<td class = &quot;Hover&quot; id=&quot;id1&quot; onMouseOver=&quot;this.style.visibility='';&quot; onMouseOut=&quot;this.style.visibility='hidden';&quot; style=&quot;visibility: hidden; background-color: #99CCFF&quot; width=&quot;258&quot;><a href = &quot;/Mgt/ProjectController?action=OpenProject&quot;>Open</a><br><a href = &quot;/Mgt/ProjectController?action=OpenProject&quot;>New</a><br></td>
<td class = &quot;Hover&quot; id=&quot;id2&quot; onMouseOver=&quot;this.style.visibility='';&quot; onMouseOut=&quot;this.style.visibility='hidden';&quot; style=&quot;visibility: hidden; background-color: #99CCFF&quot; width=&quot;258&quot;><a href = &quot;/Mgt/ProjectController?action=OpenProject&quot;>Summary Report</a><br><a href = &quot;/Mgt/ProjectController?action=OpenProject&quot;>Detailed Report</a><br></td>
<td class = &quot;Hover&quot; id=&quot;id3&quot; onMouseOver=&quot;this.style.visibility='';&quot; onMouseOut=&quot;this.style.visibility='hidden';&quot; style=&quot;visibility: hidden; background-color: #99CCFF&quot; width=&quot;174&quot;><a href = &quot;/Mgt/ProjectController?action=OpenProject&quot;>Users</a><br><a href = &quot;/Mgt/ProjectController?action=OpenProject&quot;>Customers</a><br></td>
</TR>
</table>

</BODY>
</HTML>
 
Status
Not open for further replies.

Similar threads

scorney
  • Locked
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
707
3esolar
3
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
774
spamjim
spamjim
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
750
pmonett
pmonett
PeDa
  • Locked
  • Question
CSS two level horizontal menu
Replies
0
Views
600
PeDa
PeDa
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
204
lmcate
lmcate

Part and Inventory Search

Sponsor

Back
Top