473,320 Members | 2,189 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

Increasing size of Drop Down Menu

Hi,
I've been looking all over the net for a way to increase the size of a
drop down menu without any success. Does anyone perhaps have a way to
display 11-15 items on a menu without having recourse to:
1. scroll bar.
2. configuring IE
3. decreasing the size of the font.
Here is the code I used for my Drop down Menu:
______________
<select style="background-color: #FFFFFF; width:300;" size="1"
name="menu" onchange="acceder_page()"
onBlur="document.menuform.menu.selectedIndex='0';" tabindex="1">
<option selected value="0">Menu</option>
<option value="1">1. Option number 1</option>
....
<option value="15">15. Option number 15</option>
</select>
______________

I appreciate any suggestion
Kind regards
Bils
Jul 23 '05 #1
3 2939
Hi,
Not sure what you asked as I could see you set the size as "1" in the
code you provided. Anyway,try this

<select size=15 >
Kien

bj****@hotmail.com (Bilal) wrote in message news:<f9**************************@posting.google. com>...
Hi,
I've been looking all over the net for a way to increase the size of a
drop down menu without any success. Does anyone perhaps have a way to
display 11-15 items on a menu without having recourse to:
1. scroll bar.
2. configuring IE
3. decreasing the size of the font.
Here is the code I used for my Drop down Menu:
______________
<select style="background-color: #FFFFFF; width:300;" size="1"
name="menu" onchange="acceder_page()"
onBlur="document.menuform.menu.selectedIndex='0';" tabindex="1">
<option selected value="0">Menu</option>
<option value="1">1. Option number 1</option>
....
<option value="15">15. Option number 15</option>
</select>
______________

I appreciate any suggestion
Kind regards
Bils

Jul 23 '05 #2
Hi,

I tried setting the size="15" but it end up up giving me something
similar to a text area i.e its not looking any more like a drop down
menu. Size="1" seems to imply that you have 1 element visible before
clicking the little arrow in the drop down menu. I think that's why
with size="15", it looks like the text area.

Bils
Jul 23 '05 #3
Bilal wrote:
Hi,

I tried setting the size="15" but it end up up giving me something
similar to a text area i.e its not looking any more like a drop down
menu. Size="1" seems to imply that you have 1 element visible before
clicking the little arrow in the drop down menu. I think that's why
with size="15", it looks like the text area.

Bils


That is the defined behaviour for the <select> element. If you specify a
size="..." anything other then 1, you get a multi-line select, useful
for letting people reorder items, or usually seen like this <select
size="10" multiple="multiple">, which lets uses use a modifier key to
select multiple items from the <select>.
I'm not even sure if <select size="1" multiple="multiple"> works, and if
it doesn't I wouldn't want to be the poor user who tries to make it
work.

As for your original problem, there is simply no way to adjust the
number of items available in the drop-down menu presented by <select
size="1">. The implementation is browser and operating system dependant.
In other words, the browser and the operating system it's running on
decide how many items to display before showing a scrollbar.

--
| Grant Wagner <gw*****@agricoreunited.com>

* Client-side Javascript and Netscape 4 DOM Reference available at:
*
http://devedge.netscape.com/library/...ce/frames.html

* Internet Explorer DOM Reference available at:
*
http://msdn.microsoft.com/workshop/a...ence_entry.asp

* Netscape 6/7 DOM Reference available at:
* http://www.mozilla.org/docs/dom/domref/
* Tips for upgrading JavaScript for Netscape 7 / Mozilla
* http://www.mozilla.org/docs/web-deve...upgrade_2.html
Jul 23 '05 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

10
by: Haines Brown | last post by:
I've implemented the horizontal drop down menu discussed recently in this newsgroup, and it works nicely under Galeon and Mozilla, but not IE 5.0. Here are the problems: Under IE 5.0, the...
1
by: Jesús Ángel | last post by:
Hello. I have several nested undordered lists like this: <ul id="menu"> <li>1. First item</li> <li>2. Second item <ul> <li>2.1. Sub item</li> </ul>
4
by: rajat | last post by:
Hi, I have adapted a drop down menu from USC webpage (www.usc.edu). The link to my page is http://www-scf.usc.edu/~swarup/test/test.html The links to the CSS ans JS files are:...
2
by: pantagruel | last post by:
I have an old web application I did where browsers with dynamic capabilities received a drop down menu on the top of the page and a fold out on the left hand side of the page and non-dynamic...
4
by: simon.cigoj | last post by:
I have an javascript made menu and some forms with the dropdown element. When the menu opens and scrolls down the drop down is displeyed over the menu and obscures the menu choices. I have this...
1
by: phpnewb | last post by:
Hi, I know i'm doing it wrong, but I'm using a while loop right now to create several instances of a drop down menu. It gives me undesirable results. Can you tell me the right way to do it. Below are...
3
by: rsteph | last post by:
I have a javascript drop down menu that I borrowed from a website. It utilizes a little .css to help with formatting. The menu works great, and on all 3 of the browsers I'm concerned about; but I am...
3
by: =?Utf-8?B?VG90eSBTYW50YW5h?= | last post by:
I am using textboxes, buttons labels and drop down lists on a web page, but i noticed that textboxes and buttons font size doesn't change when i change the font size in IE ( from IE menu:...
22
by: Archanak | last post by:
Hi, I am using 2-level CSS Drop Down Menu in my perl/CGI program. here is the code. #!c:/perl/bin/perl.exe use CGI qw(:standard);
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.