How To Build MultiColumn ListBox in HTML
Hello Everyone,
I have fallen into some serious problem that i am unable to make a multicolumn listbox in HTML. Can anyone tell me how to acheive that goal. Thanks in Advance.
With Regards,
Ghazanfar
[216 byte] By [
jugnu17] at [2007-11-19 11:10:15]
# 1 Re: How To Build MultiColumn ListBox in HTML
A simple solution is to put all columns on a line separated by pipe "|" characters, eg:
<option value="line1">col1 | col2 | col3
<option value="line2">col1 | col2 | col3
If data in columns have variable size, columns should be padded with " " (non-breakable spaces).
The font should have the same width for each character.
Here is an example:
<html>
<head>
<style type="text/css">
select {
font-family: Courier New,verdana,arial,helvetica,sans-serif;
font-size: 90%;
}
</style>
</head>
<body>
Visit:
<form name=myform>
<select name="NavSelect" size=3">
<option value="about:blank" selected>Blank Page | a blank page
<option value="MyPage.html">My Page | a page about me
<option value="YourPage.html">Your Page | a page about you
</select>
</form>
</body>
</html>
# 2 Re: How To Build MultiColumn ListBox in HTML
What we would be the purpose for a multicolumn listbox? Do you want to be able to select options from a matrix? Or is the first reply what you were after?
