Saturday, 9 July 2011

JQuery navigation menus

I found many excellent tutorials on J query navigation menus...
http://www.google.com.hk/url?sa=t&source=web&cd=2&ved=0CCUQFjAB&url=http%3A%2F%2Fwww.noupe.com%2Fjquery%2F45-jquery-navigation-plugins-and-tutorials.html&ei=OUMZTrKsEYuImQWwy8UK&usg=AFQjCNEoEhG5izD5RpLTC_82FpxKWDb_Zw
I particularly like http://tutorialzine.com/2009/12/colorful-content-accordion-css-jquery/

So i copied and pasted chunks and started editing it. It feels like cheating but it works. It used to be in the center. I changed it by editing the code

ul.container{
 /* The topmost UL */
 width:240px;
 margin:0 auto;
 padding:50px;
}

to...
ul.container{
 /* The topmost UL */
 width:240px;
 margin:0 auto;
 padding:50px;
position:absolute;
left:0px;

}
so that it would be on the left instead of the center. I was unconfident about this and had to check it http://www.w3schools.com/css/css_align.asp

No comments:

Post a Comment