buntyindia
03-13-2009, 08:49 AM
I am using Horizontal "jQuery Multi Level CSS Menu #2" located at "http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/
"
There is box created using div in my code behind which the menu items were hiding. So I set the z-index of 'Whitepage' div to -1.
1)Now it is working fine in IE but in Firefox the whole 'Whitepage' div goes disappears.
2)One more thing: how can we left some space in left side of menu or can say how to center the menu items?
Please help.
<div id="Wrapper">
<div class="Whitepage" style="top:140px;width:auto;height:auto;z-index:-1">
<div class="ShadowContainer" style="width:auto;height:auto">
<div class="Shadow" style="width:auto;height:auto">
<div class="Container" style="width:auto;height:auto">
<h1>Create a Record</h1>
<br/>
<form name="createForm" method="POST">
<input type="hidden" name="action" value="save"/>
<table class="cstbl">
<tr><td>User name</td><td><input class="txt" name="userName"/></td></tr>
<tr><td>contents</td><td><select name="contents" onchange="()">....</select></tr></td>
<tr><td>type</td><td><select name="Type" disabled="disabled">...</select></td></tr>
<tr><td><a class="button" href="#" onclick="doSave();return false;"><img src="commit_white.jpg"></img></a></td><td><a class="button" href="#" onclick="doCancel();return false"><img src="reset_white.jpg"></img></a></td></tr>
</table>
</form>
</div>
</div>
</div>
</div>
</div>
"
There is box created using div in my code behind which the menu items were hiding. So I set the z-index of 'Whitepage' div to -1.
1)Now it is working fine in IE but in Firefox the whole 'Whitepage' div goes disappears.
2)One more thing: how can we left some space in left side of menu or can say how to center the menu items?
Please help.
<div id="Wrapper">
<div class="Whitepage" style="top:140px;width:auto;height:auto;z-index:-1">
<div class="ShadowContainer" style="width:auto;height:auto">
<div class="Shadow" style="width:auto;height:auto">
<div class="Container" style="width:auto;height:auto">
<h1>Create a Record</h1>
<br/>
<form name="createForm" method="POST">
<input type="hidden" name="action" value="save"/>
<table class="cstbl">
<tr><td>User name</td><td><input class="txt" name="userName"/></td></tr>
<tr><td>contents</td><td><select name="contents" onchange="()">....</select></tr></td>
<tr><td>type</td><td><select name="Type" disabled="disabled">...</select></td></tr>
<tr><td><a class="button" href="#" onclick="doSave();return false;"><img src="commit_white.jpg"></img></a></td><td><a class="button" href="#" onclick="doCancel();return false"><img src="reset_white.jpg"></img></a></td></tr>
</table>
</form>
</div>
</div>
</div>
</div>
</div>