Forums

yashar

Hello,
i am working and designing a website, and have put the simple JQuery drop menu from css tricks on my website, but every time i zoom in and out the website using ctrl +&- the site gets smaller or larger however the navigation moves and some bottoms from the menu drop down to the left or right under the first or last buttons, so does anyone know how i can fix and block the menu from moving around using HTML and its own CSS Style page, let me know.

click on the link below to see the demo for the navigation.

http://css-tricks.com/examples/SimplejQueryDropdowns/

site link: http://labandastgah.com/

Mottie

Could you share a link to the site in question? It would make it easier for us to help you.

yashar

Hello,
also i wanted to mention that i am using java script for the drop down menu as well as the ligthbox for the images on some of the pages which might be causing the menu to act different or move to left or right side, please see below for the link of the site, and let me know if you have tips or suggestions regarding fixing this issue, thanks.

Website Url: http://labandastgah.com/seperators.html

http://labandastgah.com

<script type="text/javascript" language="javascript" src="js/jquery-1.3.1.min.js"></script>	
	<script type="text/javascript" language="javascript" src="js/hoverIntent.js"></script>
	<script type="text/javascript" language="javascript" src="js/jquery.dropdown.js"></script>
    
    <!--strating light box gallery-->
<script type="text/javascript" language="javascript" src="ldlightbox/js/prototype.js"></script>
<script type="text/javascript" language="javascript" src="ldlightbox/js/scriptaculous.js?load=effects,builder"></script>

<script type="text/javascript" language="javascript" src="ldlightbox/js/lightbox.js"></script>


	<!--ending light box gallery-->

Hompimpa

Try to add position:relative on the ul.dropdown li:

ul.dropdown li {
  position:relative;
  ...
  ...
  ...
}

yashar

Hello,
i am working and designing a website, and have put the simple JQuery drop menu from css tricks on my website, but every time i zoom in and out the website using ctrl +&- the site gets smaller or larger however the navigation moves and some bottoms from the menu drop down to the left or right under the first or last buttons, so does anyone know how i can fix and block the menu from moving around using HTML and its own CSS Style page, let me know.

treehouse : what would you like to learn today?

Forums

[Solved] Still Not Solved!! ( JQuery Navigation)??