<td> sizing with dropdown

[Daria]

Is it possible to size the cell to fit the exact size of the dropdown? Right now it leaves a lot of room below the drop down.

<table border="1">
<tr>
<td>
<div>asdf</div>
</td>
<td>
<form name="form1">
<select name="catalog" onChange="MM_jumpMenu('parent',this,1)">
<option selected>select</option>
<option value="#">asdf</option>
<option value="#">asdf</option>
<option value="#">asdf</option>
</select>
</form>
</td>
</tr>
</table>

[khalidali63]

That should not be a problem..


<table border="1" style="height:100px;">
<tr>
<td>
<div>asdf</div>
</td>
<td valign="top">
<form name="form1">
<select name="catalog" onChange="MM_jumpMenu('parent',this,1)">
<option selected>select</option>
<option value="#">asdf</option>
<option value="#">asdf</option>
<option value="#">asdf</option>
</select>
</form>
</td>
</tr>
</table>

[Daria]

NOPE... sorry

it still leaves awful lot of room below the dropdown box, you know, the same way it would on <blockquote> inside the cell.

[khalidali63]

lets see..can you capture a screen shot of the problem and upload it the image?

[Daria]

http://www.siriustechnology.com/sites/dropdownissue.html

[soccer362001]

I have no idea what your problem is but i copied your table into my html editor and did it the same way and yours still had the space and mine did not.
Here it is.

<table border="1" width="10" cellpadding="1" cellspacing="1">
<tr>
<td width="65">
<div>asdf</div>
</td>
<td width="1">
<form name="form1">
<td width="158">
<form name="form1">
<select name="catalog"onChange="MM_jumpMenu('parent',this,1)">
<option selected>select</option>
<option value="#">asdf</option>
<option value="#">asdf</option>
<option value="#">asdf</option>
</td>
</tr>
</table>

[nkaisare]

Originally posted by soccer362001
I have no idea what your problem is
You have two open forms which you haven't closed.

Originally posted by Daria
Hey, I thought you were migrating to CSS layout instead of tables.

What happens is that the closing tag </form> causes a linefeed. The OLD.OLD.OLD.OLD.OLD.OLD way to get around this was to enclose the form around tr instead of td (which is WRONG).

You may want to do the following:
form {display: inline}

Better still, you'd want to do:
<div style="float: left; padding: 1px; border: 2px gray inset;">asdf</div>
<div style="padding: 1px; border: 2px gray inset;><form name="form1">
<select name="catalog" onChange="MM_jumpMenu('parent',this,1)">
<option selected>select</option>
<option value="#">asdf</option>
<option value="#">asdf</option>
<option value="#">asdf</option>
</select></form>
</div>

[Daria]

thanks for replies, guys.

nkaisare, the thing is - I need to insert the form in one of the existing table formatted site.

ahrrr...

[khalidali63]

thats ok,,daria.the problem I think is visualising your problem....or at least I could not...

[soccer362001]

Originally posted by nkaisare
You have two open forms which you haven't closed.



Closing the form would not change anything. All you have to is put </form> at the end of the html doc.