Relative positioning
Left aligned menu
|
|
Note: Menu items are in front of form elements.
|
|
Right aligned menu
|
|
Menu centered vertically and horizontally
Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text
Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text
|
COOLjsMenu Professional can be positioned relatively. In the HTML code at the place you want COOLjsMenu Professional to appear there should be something like this:
<table cellspacing="0" cellpadding="15" align="left">
<tr>
<td>
<script type="text/javascript">
var m1 = new COOLjsMenuPRO("menu1", MENU_ITEMS);
m1.initTop();
</script>
</td>
</tr>
</table>
And at the end of file, before </BODY> closing tag initialization must occur:
...
<script type="text/javascript">
m1.init();
m1.show();
</script>
</body>
</html>
Table alignment can be used to place menu on the left or right side of the page. Cell padding can be used to set some padding around menu.
Menu structure must have "pos" field set to "relative":
var MENU_ITEMS = [
{pos:"relative", ...},
...
