Dropdown menu in XHTML, Getting errors from vaidator b/d of a menu Options

[Allayna]

A couple different validators don't like the fact that I have a drop-down menu inside a table. I'm not sure how to fix this prob. the site is Site

heres the column in the table that has the menu:

<td valign="top">
<div class="menu"><b>Navigation</b></div>
<div style="overflow:auto; height:150px; width:140px"><br />
<form action="uri">
<select id="rukamenu"
onchange="location.href=(form.rukamenu.options[form.rukamenu.selectedIndex].value)">
<option value="0"></option>
<option value="index.htm">Home</option>
<option value="Screenshot.htm">Screenies</option>
<option value="Siggy.htm">Siggies</option>
</select>
</form>
</div>
</td>




* Line 32, character 84:

... kamenu.selectedIndex].value)">
^
Error: element select not allowed here; possible cause is an inline element containing a block-level element

This post has been edited by Allayna: Jun 4 2008, 01:02 PM

[pandy]

A couple different validators don't like the fact that I have a drop-down menu inside a table.

It doesn't have anything to do with that. In (X)HTML Strict form controls aren't allowed directly inside FORM, but should be nested in a block level element. You may use FIELDSET, but if you don't want to do that a simple DIV will do.

Go here and click the "Hide non strict..." button and read what FORM can contain.
http://htmlhelp.com/reference/html40/forms/form.html