Every row of the form I've been working on has an unnecessary nested table and an empty cell in it. This is causing the input field to not align with the label.

How do I remove them? I've tried all kinds of settings but nothing has worked.

I can see this in the browser source but cant access the layout html. This is very frustrating.

In the sample code below I have truncated id's to shorten this post, changed to [ ], added html source formatting and bolded the unnecessary code.

[tr id="dnn_ctr2..." Class="DynamicForms_TableRow"] 
      [td id="dnn_ctr2..." width="125" valign="Top" nowrap="nowrap" Class="NormalBold" colspan="1" rowspan="1" align="Left"] [label id="dnn_ctr2..." for="dnn_ctr2..."] [a id="dnn_ctr2..." disabled="disabled" tabindex="-1"][/a] [span id="dnn_ctr2..." class="NormalBold"]Instructor Name[SPAN class=DynamicForms_RequiredFieldAsterik]*[/SPAN]:[/span] [/label] [BR] [input name="dnn$ctr2..." type="hidden" id="dnn_ctr2..." value="d39..." /][/td] 
      [td colspan="1" rowspan="1" valign="Top"] 
            [table] 
                  [tr] 
                        [td valign="Top"][br /] [input name="dnn$ctr2..." type="text" maxlength="200" id="dnn_ctr2..." class="NormalTextBox" style="width:200px;" /] [br /] [/td] 
                        [td valign="Top"][/td] 
                  [/tr] 
            [/table] 
      [/td]    
[/tr]