maxudaskin Posted December 7, 2007 Share Posted December 7, 2007 How would I go about having a table cell with 4 divs, invisible, and when someone rolls over a menu item, one of them appear. The only thing is, It cannot be invisible to visible... I need it to not take up the space when it is not in visible... any help? <style type="text/css"> <!-- body { margin-bottom: 0px; } .style1 {color: #FFFFFF} #human_resources{visibility:hidden;} #operations{visibility:hidden} #airline_information{visibility:hidden} #communications{visibility:hidden} .style2 {color: #333366; } --> </style> <html><body> <tr> <td width="20%" height="30" align="center" valign="middle" style="background-color:#333355; color:#FFFFFF" onMouseOver="this.style.backgroundColor='#333366';MM_showHideLayers('human_resources','','hide','operations','','hide','airline_information','','hide','communications','','hide')" onMouseOut="this.style.backgroundColor='#333355'" >Home</td> <td width="20%" height="30" align="center" valign="middle" bgcolor="#FFFFFF" style="background-color:#333355; color:#FFFFFF" onMouseOver="this.style.backgroundColor='#333366';MM_showHideLayers('human_resources','','show','operations','','hide','airline_information','','hide','communications','','hide')" onMouseOut="this.style.backgroundColor='#333355'">Human Resources</td> <td width="20%" height="30" align="center" valign="middle" bgcolor="#FFFFFF" style="background-color:#333355; color:#FFFFFF" onMouseOver="this.style.backgroundColor='#333366'" onMouseOut="this.style.backgroundColor='#333355'"><span class="style1">Operations</span></td> <td width="20%" height="30" align="center" valign="middle" bgcolor="#FFFFFF" style="background-color:#333355; color:#FFFFFF" onMouseOver="this.style.backgroundColor='#333366'" onMouseOut="this.style.backgroundColor='#333355'"><span class="style1">Airline Information</span></td> <td width="20%" height="30" align="center" valign="middle" bgcolor="#FFFFFF" style="background-color:#333355; color:#FFFFFF" onMouseOver="this.style.backgroundColor='#333366'" onMouseOut="this.style.backgroundColor='#333355'"><span class="style1">Communications</span></td> </tr> <tr> <td height="25%" colspan="5" align="center" valign="top" bgcolor="#FFFFFF"><div class="style2" id="human_resources" onmouseout="MM_showHideLayers('human_resources','','hide')">Job Application | Available Positions | Legal Information</div> <div class="style2" id="operations">Login | Hanger | Flight Map | Hubs</div> <div class="style2" id="airline_information">Staff | Mission | Statistics | Zoom Airlines</div> <div class="style2" id="communications">Teamspeak | Forum | Contact</div><hr /></td> </tr></body></html> Quote Link to comment https://forums.phpfreaks.com/topic/80558-showhide-div/ Share on other sites More sharing options...
phpQuestioner Posted December 7, 2007 Share Posted December 7, 2007 refer to this thread: http://www.phpfreaks.com/forums/index.php/topic,170946.msg756236.html#msg756236 <br> Quote Link to comment https://forums.phpfreaks.com/topic/80558-showhide-div/#findComment-408599 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.