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> Link to comment https://forums.phpfreaks.com/topic/80559-visibility-problems/ Share on other sites More sharing options...
djfox Posted December 7, 2007 Share Posted December 7, 2007 When you say invisible, do you mean make the border of the table invisible? Link to comment https://forums.phpfreaks.com/topic/80559-visibility-problems/#findComment-408492 Share on other sites More sharing options...
maxudaskin Posted December 7, 2007 Author Share Posted December 7, 2007 I do not want it invisible, I want it to be there. The way I have it now is that it just makes it not appear, but it still takes up the space, I do not want it to take up the space when it is not visible. Link to comment https://forums.phpfreaks.com/topic/80559-visibility-problems/#findComment-408496 Share on other sites More sharing options...
djfox Posted December 7, 2007 Share Posted December 7, 2007 Well, if this is your entire code, I do not see a <table> tag anywhere. You should have something like this: <table border=1 width=100%> <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> </table> border is how thick you want it to be, and width is how much of the screen it will take up in length. Those values can be changed to whatever you want. Link to comment https://forums.phpfreaks.com/topic/80559-visibility-problems/#findComment-408499 Share on other sites More sharing options...
maxudaskin Posted December 7, 2007 Author Share Posted December 7, 2007 It is two cells of a table... I want the DIVs to be invisible. Link to comment https://forums.phpfreaks.com/topic/80559-visibility-problems/#findComment-408500 Share on other sites More sharing options...
phpQuestioner Posted December 7, 2007 Share Posted December 7, 2007 Post The JavaScript - Need To See What Your Doing With It - Need To See MM_showHideLayers() Function And How Your Using It. Cannot Tell From Your CSS & HTML. Link to comment https://forums.phpfreaks.com/topic/80559-visibility-problems/#findComment-408582 Share on other sites More sharing options...
Kevin1991 Posted December 8, 2007 Share Posted December 8, 2007 If you want the div to be not taking up spaces, you can change the "visibility:hidden" to "display:none" Link to comment https://forums.phpfreaks.com/topic/80559-visibility-problems/#findComment-409502 Share on other sites More sharing options...
phpQuestioner Posted December 8, 2007 Share Posted December 8, 2007 If you want the div to be not taking up spaces, you can change the "visibility:hidden" to "display:none" visibility will still take up space, but "display:none" will not. Link to comment https://forums.phpfreaks.com/topic/80559-visibility-problems/#findComment-409506 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.