Developer Forum

Basically I a have a table cell that is 600W and 25H pixels. I am trying to
put a small search box in the cell, and even though I have set in CSS the cell
height to 25, the cell keeps doubling in height whenever I add the Search Box
in it. It appears fine in Dreamweaver, but I only notice the problem after I
upload the page on the internet.

How do I keep the cell height a true 25px with the search field in it?

Thanks
Joe

> How do I keep the cell height a true 25px with the search field in it?

Manage the default margins on the <form> tag with CSS, e.g.,

form { margin:0; }

Be aware that resizing text in the browser may blow your careful sizing out,
though.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.yqcomputer.com/ , Tutorials & Resources
http://www.yqcomputer.com/ - DW FAQs, Tutorials & Resources
==================

Ok, if this is the code, what do I need to change?

</tr>
<tr>
<td height="25" colspan="3" align="left" valign="middle"
bgcolor="#333333"><table width="900" border="0">
<tr>
<td width="260"><!-- #Include file="SmallSearchBox.asp"--></td>
<td width="575"> </td>
<td width="51"><img src=" http://www.yqcomputer.com/ "
width="321" height="15"></td>
</tr>
</table></td>
</tr>
<tr>

"><!-- #Include file="SmallSearchBox.asp"--></

What's in that and why on earth is it in an include?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.yqcomputer.com/ , Tutorials & Resources
http://www.yqcomputer.com/ - DW FAQs, Tutorials & Resources
==================

I am using ProductCart eCommerce software, and thats the code for a small searchbox

No reason that I can see to have it in an include. But anyhow, let's see
the code in it please.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.yqcomputer.com/ , Tutorials & Resources
http://www.yqcomputer.com/ - DW FAQs, Tutorials & Resources
==================

<table width="900" border="0">
<tr>
<td width="260"><!-- #Include file="SmallSearchBox.asp"--></td>
<td width="255"> </td>
<td width="371"><span class="style17"><a
href=" http://www.yqcomputer.com/ ">HOME</a> | <a
href=" http://www.yqcomputer.com/ ">LOGIN</a> | <span
class="style29">CUSTOMER SERVICE</span> | <a
href=" http://www.yqcomputer.com/ ">ABOUT US</a> | <span
class="style29">CONTACT US</span> | <a
href=" http://www.yqcomputer.com/ ">SEARCH</a></span></td>
</tr>
</table>

Gad - boxes in boxes. What's in this?

<!-- #Include file="SmallSearchBox.asp"-->

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.yqcomputer.com/ , Tutorials & Resources
http://www.yqcomputer.com/ - DW FAQs, Tutorials & Resources
==================

By the way, the page appears fine in FireFox but does not appear correctly in Internet Explorer

For sure, it's margins on the <form> tag.

Just put a rule in your stylesheet -

form { margin:0; }

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.yqcomputer.com/ , Tutorials & Resources
http://www.yqcomputer.com/ - DW FAQs, Tutorials & Resources
==================

Thanks Murray.

Im still learning CSS so could you tell me where to put form {margin:0;} at in the code?

Put it in a stylesheet - either embedded in the head of the page, or linked
to as an external stylesheet. F1 Help will tell you how to do that.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.yqcomputer.com/ , Tutorials & Resources
http://www.yqcomputer.com/ - DW FAQs, Tutorials & Resources
==================

Murray -

I put Margin = 0 in the CSS and it didn't do anything. Check this page out in
IE and you'll see what I am talking about. Its the grey bar nav just under the
main logo on the top of the page:

http://www.yqcomputer.com/

Show me the code where you did that. If you used the pseudo-markup you
showed below, then it won't work.

Anyhow, your page is password protected.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.yqcomputer.com/ , Tutorials & Resources
http://www.yqcomputer.com/ - DW FAQs, Tutorials & Resources
==================

yaeh now i am prety aware that resizing text in the browser. thanks