Question Concerning a Java Script Menu

[Stang02GT]

I posted a question in the HTML/CSS Forum but i have not received an answer. I have a menu that I am using from http://www.javascriptkit.com .

The exact url to the menu i am using is :

http://www.javascriptkit.com/script/script2/csstopmenu.shtml

My problem is that the page i placed the menu on, everything on that page is centered and stays underneath the page heading. I have having trouble positioning my menu within the same area as the rest of the page. I'm not sure if I can do this with JavaScript or if this is strictly an HTML/CSS Issue.


Any help is greatly appreciated.


Here is the javascript that the menu uses.

var cssmenuids=["cssmenu1"] //Enter id(s) of CSS Horizontal UL menus, separated by commas
var csssubmenuoffset=-1 //Offset of submenus from main menu. Default is 0 pixels.
 
function createcssmenu2(){
for (var i=0; i<cssmenuids.length; i++){
  var ultags=document.getElementById(cssmenuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
            ultags[t].style.top=ultags[t].parentNode.offsetHeight+csssubmenuoffset+"px"
        var spanref=document.createElement("span")
            spanref.className="arrowdiv"
            spanref.innerHTML="&nbsp;&nbsp;&nbsp;&nbsp;"
            ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)
        ultags[t].parentNode.onmouseover=function(){
                    this.style.zIndex=100
        this.getElementsByTagName("ul")[0].style.visibility="visible"
                    this.getElementsByTagName("ul")[0].style.zIndex=0
        }
        ultags[t].parentNode.onmouseout=function(){
                    this.style.zIndex=0
                    this.getElementsByTagName("ul")[0].style.visibility="hidden"
                    this.getElementsByTagName("ul")[0].style.zIndex=100
 
        }
    }
  }
}
 
if (window.addEventListener)
window.addEventListener("load", createcssmenu2, false)
else if (window.attachEvent)
window.attachEvent("onload", createcssmenu2)

[Stang02GT]

here is the link to the post in the HTML/CSS form also in case anyone would like to see it as well.


http://www.thescripts.com/forum/thread757392.html

[acoder]

You can set it with JavaScript, but I think you'd be better off setting it with CSS so that it's correctly positioned whilst loading and not after loading.

[Stang02GT]

You can set it with JavaScript, but I think you'd be better off setting it with CSS so that it's correctly positioned whilst loading and not after loading.

Ok, what do you suggest is the best way to do that?

[acoder]

Ok, what do you suggest is the best way to do that?

That's better left to the thread in the HTML forum where I see that you now have a response. You may need to post the page heading code too.

[Stang02GT]

Found the solution to my problem. I placed the menu in a table and it aloud me to position it wherever i needed it to be.

[acoder]

Found the solution to my problem. I placed the menu in a table and it aloud me to position it wherever i needed it to be.

I don't think using tables for positioning is a good idea. If you use divs, or just set the left/top properties of the containing div, it'd be better. See this link for more information.

[Stang02GT]

lol unfortunately i couldn't get any suggestions or pointers form anyone and thats what i came up with doing. I mean it works fine i don't really see whats wrong with it?

[acoder]

This link might help explain.