473,320 Members | 1,695 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.

Form Select/Option Layout Question

We are preparing a page with twelve (12) drop down
option/select menus, arranged vertically. It works,
and it is what the user needs.

The widths of the menu boxes are random now, but is
there is a way to control the WIDTH of the menu boxes,
so they would all be alike?

Thank you for any help Rich
Jul 20 '05 #1
3 5815
Rich <ri***********@ntplx.net> wrote:
We are preparing a page with twelve (12) drop down
option/select menus, arranged vertically. It works,
and it is what the user needs.
Are you sure it it is what the user needs? Have you tested whether it
would actually be more convenient to scroll just the page as a whole?
The widths of the menu boxes are random now, but is
there is a way to control the WIDTH of the menu boxes,
so they would all be alike?


This is primary a CSS question, since you are specifically asking about
visual appearance only. However, some browsers may recognize the width
attribute in a <select> element (where it is surely nonstandard). Don't
use it, though - it might still "work", and it would mean setting the
width in pixels or percentage, neither of which is a good idea. So just
use CSS, e.g.
select { width: 20em; }
where the value is to be chosen according to the longest option string.
(The em unit _very roughly_ corresponds to about two characters width.)
More info:
http://www.cs.tut.fi/~jkorpela/forms...l#select-width

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html

Jul 20 '05 #2
"Jukka K. Korpela" wrote:

Rich <ri***********@ntplx.net> wrote:
We are preparing a page with twelve (12) drop down
option/select menus, arranged vertically. It works,
and it is what the user needs.


Are you sure it it is what the user needs? Have you tested whether it
would actually be more convenient to scroll just the page as a whole?
The widths of the menu boxes are random now, but is
there is a way to control the WIDTH of the menu boxes,
so they would all be alike?


This is primary a CSS question, since you are specifically asking about
visual appearance only. However, some browsers may recognize the width
attribute in a <select> element (where it is surely nonstandard). Don't
use it, though - it might still "work", and it would mean setting the
width in pixels or percentage, neither of which is a good idea. So just
use CSS, e.g.
select { width: 20em; }
where the value is to be chosen according to the longest option string.
(The em unit _very roughly_ corresponds to about two characters width.)
More info:
http://www.cs.tut.fi/~jkorpela/forms...l#select-width

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html


Yes, thank you for the technical information. We are consolidating
these option/select menus from 12 separate web pages for each region
that are apparently "hard to find" for neophyte users. Now they can
all start at the same place, and also visit each others' pages, and
be inspired to keep their individual page up-to-date too :-)

Writing a URL for each individual choice is a pain, because the URL
is about twice as long as the URL window, combining data from several
categories in the database. The drop menus will match the rest of the
look/feel of this commercially developed site, and menus were already
written, we just pasted them together. This website uses a minimum of
CSS, for maximum compatibility. The extreme difference in the width
was found to be an error in the data, some things were repeated twice.
Thanks rich
Jul 20 '05 #3
Rich <ri***********@ntplx.net> wrote:
Yes, thank you for the technical information.
Actually the valuable part of my contribution was the less technical
part, but anyone can pick up anything he wants from Usenet.
We are consolidating
these option/select menus from 12 separate web pages for each
region that are apparently "hard to find" for neophyte users. Now
they can all start at the same place, and also visit each others'
pages, and be inspired to keep their individual page up-to-date too
:-)
So, in effect, you are not really setting up a form for submitting data
but constructing a hierarchic menu. Then the proper method is to use
nested lists of links. This is rather obvious, but since people keep
missing the obvious, I have composed a page that explains the reasons
in detail: http://www.cs.tut.fi/~jkorpela/forms/navmenu.html

(It is just imaginable that you actually have a multidimensional choice
of the kind that I describe at the end of my document. But I refrain
from such speculations. Probably if it was _that_ complex, you would
have posted a URL to illustrate the setting.)
Writing a URL for each individual choice is a pain, because the URL
is about twice as long as the URL window, combining data from
several categories in the database.
I have no idea of what you are talking about here. Are you saying that
URLs are displayed on your page, or what?
The drop menus will match the
rest of the look/feel of this commercially developed site, and
menus were already written, we just pasted them together.
So it's probably just an expensive plastic imitation of a collection of
lists of links.
This website uses a minimum of CSS, for maximum compatibility.


For some odd value of "compatibility", perhaps.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html

Jul 20 '05 #4

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

Similar topics

8
by: L Major | last post by:
Hi Unfortunately, I am limited to using tables for part of my current project. I have a form that spans across a number of TR and TD in the shape of checkboxes. Doctype is XHTML 1.0...
12
by: Forti2ude | last post by:
Hello, I have a simple form... <form> <select name="foo" multiple> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </select>
7
by: x muzuo | last post by:
Hi guys, I have got a prob of javascript form validation which just doesnt work with my ASP code. Can any one help me out please. Here is the code: {////<<head> <title>IIBO Submit Page</title>...
5
by: Raffi | last post by:
Hi folks, I'm new to JavaScript and need some help. I have a form with a select field. Depending on what is selected in this field, I want to display or not display another select field. For...
11
by: Jozef | last post by:
I have some old code that I use from the Access 95 Developers handbook. The code works very well, with the exception that it doesn't seem to recognize wide screens, and sizes tab controls so that...
6
by: jan | last post by:
My apologies for being a javascript beginner and asking such a basic question. This is probably so easy that nobody ever mentions it. Tutorials and places that tell of basic commands never seem to...
2
NeoPa
by: NeoPa | last post by:
CHAPTER 1 - TABLE OF CONTENTS (Including attached database) CHAPTER 2 - INTRODUCTION CHAPTER 3 - TABLE LAYOUT CHAPTER 4 - FORM LAYOUT CHAPTER 5 - FORM MODULE CHAPTER 6 - CODE DISCUSSION (FILTER...
8
by: Rabel | last post by:
I am new to asp and I am having a little trouble with the Request.form option. What I want to do is I have a dropdown box. <select name="selecter" class="text" id="selecter"> <option...
1
by: tcertain | last post by:
I am totally duh at javascript although I have 2 books trying to learn it. I am trying to add values to a form and have a calculate total at end. this is my form script. I have hours at end of...
0
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...
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: 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: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
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.