Show/Hide Div

maxudaskin · 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>

phpQuestioner · December 7, 2007

refer to this thread:

http://www.phpfreaks.com/forums/index.php/topic,170946.msg756236.html#msg756236

<br>

Sign In

Show/Hide Div

Recommended Posts

maxudaskin

Link to comment

Share on other sites

phpQuestioner

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information