Printable View
Does anybody know a way to change the width of a select box in HTML? I've tried the usual like width=6000, but it doesn't make the slightest bit of difference. I know it stretches automatically depending on the size of the longest text, but for looks on the screen I want to make the box wider. Anyone got any ideas?
Setup the width with the syle attribute:
:cool:Code:<html>
<head>
<title>How wide do you want it!</title>
</head>
<body>
<table width="100%" height="50%" border="1">
<tbody>
<tr>
<td width="50%">My sizing list</td>
<td>
<select style="width:100%;height=100%" size="5">
<optgroup label="">
<option value="1">1st Item</option>
<option value="2">2nd Item</option>
<option value="3">3rd Item</option>
<option value="4">4th Item</option>
<option value="5">5th Item</option>
<option value="6">6th Item</option>
</optgroup>
</select>
</td>
</tr>
</tbody>
</table>
<p>This will size itself to the size of the table cell</p>
</body>
</html>
thanks very much for that. may i just ask, what does the tbody do?
If you specify attributes in the <TBODY> tag (Font, BGcolor etc.), then they will be used in the body of the table, then revert to the original page formatting after the </TBODY> tag.
This tag was added automatically by XMLspy which I used to build this example. :cool:
cheers very much for your time.
that listbox width is IE only (what isin't these days)
What browsers is <tbody> supported under? Will it work in NS 4.x?
From MSDN:
Quote:
This element is available in HTML as of Microsoft® Internet Explorer 3.0, and in script as of Microsoft® Internet Explorer 4.0.
See the HTML 4.0 standards
thanks