PDA

View Full Version : Drop down menu with scrollbar?



UKSBD
10-14-2006, 02:17 PM
1) Script Title: Chrome CSS Drop Down Menu (v2.0)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

3) Describe problem:
Hi all,
New here so apologies if asking in the wrong place.
I am currently playing around with the drop down menu above.
My problem is that I have toO many items to go in the box. It isn't a problem for people with scroll wheels on their mouse, but if they haven't it can be a problem.
Is there a way of adding a scrollbar to the drop down box?

TIA.

ddadmin
10-14-2006, 08:28 PM
Inside the DIV tag of the drop down menu you wish to add a scrollbar, you can do something like:


<!--2nd drop down menu -->
<div id="dropmenu2" class="dropmenudiv" style="width: 150px; height: 300px; overflow-y: scroll">
<a href="http://www.cnn.com/">CNN</a>
<a href="http://www.msnbc.com">MSNBC</a>
<a href="http://news.bbc.co.uk">BBC News</a>
</div>

Note however that "overflow-y" is only supported in IE, and most recent versions of Firefox 1.5.

UKSBD
02-25-2007, 02:32 PM
Sorry for the late reply and thanks.

It worked a treat in IE, is passable in Opera as it appears to ignore the height,
but in FF it sets a height but isn't scrollable, which means some content is
not displayed.
Is there any way of getting it to work in FF?
You can see an example of what I am trying to do here
Example (http://www.uksmallbusinessdirectory.co.uk/Uksbdchristmas/world-cup.html)
Use IE to see the effect I would like.

TIA.