ok Im making this webpage for a friend using php,html, and js. I ran into this really strange problem that I cant fix. I have this page where the user can upload files. It has two select boxes, a file input box, and a submit button. Theres also an html header and footer (in the header is another header and in the footer is another footer).
What I want it to look like: a fieldset with a legend surrounding the form.
Closest I can get: a fieldset with a legend surrounding the form with half of the page as whitespace inside of it.
In the top level header, I end it with a <td width=’50%’> tag. Its been working so far by keeping everything inside of it down to 50% (including the table in the sub-header). When its just the sub-header, and some simple stuff, it works fine (the sub header end with a td width 100% tag). However this is the second page that ive had “blow up”. It expands to 100% of the page for some reason. Heres the code for the upload page:
[code]
<form action=”” method=”post” enctype=”multipart/form-data”>
<table>
<tr>
<td>
<select name=’band’ id=’BandSelect’ onchange=’updateAlbums()’>
<option value=””>Select Band</option>
</select>
</td>
<td>
<select name=’album’ id=’AlbumSelect’>
<option value=””>Select Album</option>
</select>
</td>
<td>
<input type=’file’ name=’file’ id=’FileUpload’ accept=’jpg,png,gif,bmp,mp3,wav,avi’ />
</td>
</tr>
<tr>
<td colspan=’3′ align=’center’>
<input type=’submit’ name=’upload’ value=’Upload’ />
</td>
</tr>
</table>
</form>
I took the fieldset out but basically if I put it around the table or form, it was too big. When I put it inside the form, it became this weird empty box that hovered above the table.
*edit
now that I think about it, its like triply nested tables dont work. When I have 2 tables, the nested one follows the limits of the parent (50% in this case). However, nothing changes when I nest a 3rd, so that the 3rd table sees its in a cell of 100% width. Theres got to be a way around this right?
**edit
actually, I dont think what I just said is the case. When I make the table’s background black, it shows that the table is the minimum size it can be. The <td> tag of the 2nd table is what expanded to 100%.