I am using Horizontal "jQuery Multi Level CSS Menu #2" located at "http://www.dynamicdrive.com/style/cs...el_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.
Code:<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>



Reply With Quote


Bookmarks