Having trouble with a Search Box in a Table Cell.....The Cell won't stay a 25px height!

Having trouble with a Search Box in a Table Cell.....The Cell won't stay a 25px height!

Post by JSloanSDR » Sat, 07 Jun 2008 14:25:23


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
 
 
 

Having trouble with a Search Box in a Table Cell.....The Cell won't stay a 25px height!

Post by Murray *AC » Sat, 07 Jun 2008 20:47:55

> 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
==================

 
 
 

Having trouble with a Search Box in a Table Cell.....The Cell won't stay a 25px height!

Post by JSloanSDR » Sun, 08 Jun 2008 05:32:05

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>
 
 
 

Having trouble with a Search Box in a Table Cell.....The Cell won't stay a 25px height!

Post by Murray *AC » Sun, 08 Jun 2008 05:35:53

"><!-- #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
==================
 
 
 

Having trouble with a Search Box in a Table Cell.....The Cell won't stay a 25px height!

Post by JSloanSDR » Sun, 08 Jun 2008 07:04:08

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

Having trouble with a Search Box in a Table Cell.....The Cell won't stay a 25px height!

Post by Murray *AC » Sun, 08 Jun 2008 20:29:41

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
==================
 
 
 

Having trouble with a Search Box in a Table Cell.....The Cell won't stay a 25px height!

Post by JSloanSDR » Sun, 08 Jun 2008 22:43:10

<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>
 
 
 

Having trouble with a Search Box in a Table Cell.....The Cell won't stay a 25px height!

Post by Murray *AC » Sun, 08 Jun 2008 22:48:22

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
==================
 
 
 

Having trouble with a Search Box in a Table Cell.....The Cell won't stay a 25px height!

Post by JSloanSDR » Sun, 08 Jun 2008 23:01:51

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

Having trouble with a Search Box in a Table Cell.....The Cell won't stay a 25px height!

Post by Murray *AC » Sun, 08 Jun 2008 23:32:13

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
==================
 
 
 

Having trouble with a Search Box in a Table Cell.....The Cell won't stay a 25px height!

Post by JSloanSDR » Mon, 09 Jun 2008 18:32:20

Thanks Murray.

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

Having trouble with a Search Box in a Table Cell.....The Cell won't stay a 25px height!

Post by Murray *AC » Mon, 09 Jun 2008 21:00:42

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
==================
 
 
 

Having trouble with a Search Box in a Table Cell.....The Cell won't stay a 25px height!

Post by JSloanSDR » Wed, 11 Jun 2008 10:50:45

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/
 
 
 

Having trouble with a Search Box in a Table Cell.....The Cell won't stay a 25px height!

Post by Murray *AC » Wed, 11 Jun 2008 19:37:42

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
==================
 
 
 

Having trouble with a Search Box in a Table Cell.....The Cell won't stay a 25px height!

Post by DizzDizz » Sun, 22 Jun 2008 03:08:12

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