vinpkl
1
hi
i m using this tutorial for drop down menus
http://www.sitepoint.com/make-a-mega-drop-down-menu-with-jquery/
How can i make the drop down menu div auto width
i tried
ul#menu li.mega div {
border: 1px solid #dda;
[COLOR="#FF0000"]width: auto;[/COLOR]
position: absolute;
top: 1.6em;
left: 0em;
padding: 1.3em;
background: #ffc;
color: #930;
}
but it didnt worked for me as auto width
http://wdpixels.com/stuff/sitepoint/completed.html
vineet
ralphm
2
Can you show us your example?
vinpkl
3
I posted it in the thread also.
here it is again
http://wdpixels.com/stuff/sitepoint/completed.html
i want drop down menu to expand horizontally based on content
vineet
ralphm
4
O, sorry … I thought it was a SitePoint link.
You could try something like this:
ul#menu li.hovering div {
display: table;
}
vinpkl
5
hi ralph
i tried display:table but nothing happens in firefox.
In IE-7 nothing the drop downs didnt even show up. They got hide in IE-7.
updated in this link below
http://wdpixels.com/stuff/sitepoint/completed.html
vineet