Jump to content

Jquery sliding top menu going behind divs and being weird


AngryGerbil

Recommended Posts

I am trying to use a jquery sliding top menu which i found here:http://www.webresourcesdepot.com/sliding-t...nu-with-jquery/and I have gotten this to work in the past on a website I built from scratch, but I am trying to build my website with wordpress,and I am having trouble getting it to work this time, it is going behind divs, and flying out too far. It is driving me nuts.View problem here: (the 'Log-in' tab at the top)http://laurenjdesign.comPS.I am insanely new to web stuff and jquery...Thanks!

Link to comment
Share on other sites

overflow: hidden is causing the top of login menu to show only.style.css (line 109)

#header {background:#3371A3 none no-repeat scroll right top;height:200px;/*overflow:hidden;*/position:relative;}

but by removing this, all the menu buttons move down because the top margin of flower is added to the #header because of collapsing margins issue (because the top margin of flower is larger than header, the margin becomes added to #header instead).usually using overflow:hidden would fix this, but we can't use this, as it will hide the sliding menu.other fixes for collapsing margins either:add 1px border OR padding to #headeruse padding-top:8px; instead of margin-top:8px;lstyle.css (line 145)

#flower {height:40px;margin-left:26px;/*margin-top:8px;*/padding-top:8px;width:42px;}

check in IE as IE renders padding differently to other browsers, if problem occurs try first alternatives.thats the menu sorted now the overlapping content containerswith the slider add z-index:99;

#slider {background-image:url(http://laurenjdesign.com/wp-content/themes/K2 1.0.3/images/slider.png);background-position:center bottom;background-repeat:no-repeat;height:281px;margin-left:179px;margin-top:-236px;position:absolute;width:178px;z-index:99;}

this should now! force the login menu over the other div element containers.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...