CODEWITHSUNDEEP
htmlcssjquery-uidrop-down-menu
CaffeineShots
CaffeineShots

Reputation: 2162

JqueryUI Dropdown Menu Vertical Alignment

Hi I am having problem fixing this menu of mine below is the actual image and code any suggestion is well appriciated.

<script type="text/javascript">
        $(function() {
        $( "#menu" ).menu();
        });
</script>

<ul id="menu">
    <li><a href="#">Main Tab</a>
       <ul>
        <li><a href="#">This is link A</a></li>
        <li><a href="#">This is link B</a></li>
       </ul>
    </li>
</ul>

I am gettingenter image description here what I like isenter image description here I am using jqueryUI I tried .menu() attributes or parameters but still nothing change. I wonder if I can achieve it by just altering css.

Upvotes: 1

Views: 8913

Answers (2)

CaffeineShots
CaffeineShots

Reputation: 2162

I fixed it, this is the link http://jsfiddle.net/kodewrecker/sS93F/

 $(function() {
        $( "#menu" ).menu({ position: { my: "left top", at: "left-1 top+35" } });
        });

some manipulation of menu widget for JqueryUI found Here : http://api.jqueryui.com/menu

Upvotes: 5

S.Visser
S.Visser

Reputation: 4725

ul li > ul {
  display: block;
  clear: both;
  padding: 0;
}

Should do the trick

See: http://jsfiddle.net/mF9sJ/

Upvotes: 1

Related Questions