OK, I'm a pretty experienced web designer, and I have a problem that should be easy to solve, but I swear I have tried everything. I am having problems with some white space I can't get rid of on my page. I isolated the problem by extracting this piece of code. It's a form to search the archives of the site, and for some reason I can't get the space below to dissapear. Check it out:<br />
<br />
<!-- m --><a class="postlink" href="http://www.ccchronicle.com/design/problem.html">http://www.ccchronicle.com/design/problem.html</a><!-- m --><br />
<br />
I won't post code since you can see the source at the page. Does anybody know what the $%*! is goin on here???<br />
<br />
Any help appreciated,<br />
The Dust<!--content-->Do you mean to help you with tha error page or you mislinked the file?
<!--content-->The page is there.<!--content-->Put your form tag outside of the table.<br />
<br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<title>Untitled Document</title><br />
<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"untitled.css" type="text/css"><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br />
</head><br />
<br />
<body><br />
<br />
<form action="http://search.freefind.com/find.html" method="GET" target="new"><br />
<table border="1" cellspacing="0" cellpadding="0"><br />
<tr><br />
<td bgcolor="#ffffff" align="center"><br />
<input type="hidden" name="id" value="1058808" /><br />
<input type="hidden" name="pageid" value="r" /><br />
<input type="hidden" name="mode" value="ALL" /><br />
<input type="text" name="query" size="8" /><br />
<input type="submit" value="Search" /><br />
</td><br />
</tr><br />
</table><br />
</form><br />
<br />
</body><br />
</html><!--content-->putting the form outside wil not help either. a form tag is a block level element and it will put margins around itself. hence the block level.<br />
<br />
what you have to do is add style="display:inline" to the form tag. this will solve it in IE but you are out of luck in NS4.xx<br />
<br />
it doesn't matter if it was out or inside the table you will still get the space.<!--content-->This will fix your problem but like scoutt said it will only work in IE:<br />
<br />
<form action="post.htm" method="get" style="margin: 0"><br />
<br />
Paul<!--content-->I moved the form tag outside of the table and it worked, maybe its me<br />
<br />
I also straightened and aligned all the HTML, maybe that did it. I dunno the code I posted works in IE 6 and does what he wants.<!--content-->you are correct rdove, but make a table appear right underneath it and you will see you moved the margin below the table instead of getting rid of it.<!--content-->Hi,<br />
<br />
Could you post the url to the entire page this resides on so I can see just what it is you are trying to accomplish? I'd like to help but if that is all the content with the search box then you will always have white space....../<!--content-->Originally posted by ann <br />
Hi,<br />
<br />
Could you post the url to the entire page this resides on so I can see just what it is you are trying to accomplish? I'd like to help but if that is all the content with the search box then you will always have white space....../ <br />
no you won't<!--content-->Cool... that worked guys, thanks.<br />
<br />
As for Netscape 4.xx, whatever. People need to UPGRADE.<br />
<br />
Thanks a lot for your help.<!--content-->OK,<br />
Bye<!--content-->
<br />
<!-- m --><a class="postlink" href="http://www.ccchronicle.com/design/problem.html">http://www.ccchronicle.com/design/problem.html</a><!-- m --><br />
<br />
I won't post code since you can see the source at the page. Does anybody know what the $%*! is goin on here???<br />
<br />
Any help appreciated,<br />
The Dust<!--content-->Do you mean to help you with tha error page or you mislinked the file?
<!--content-->The page is there.<!--content-->Put your form tag outside of the table.<br /><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<title>Untitled Document</title><br />
<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"untitled.css" type="text/css"><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br />
</head><br />
<br />
<body><br />
<br />
<form action="http://search.freefind.com/find.html" method="GET" target="new"><br />
<table border="1" cellspacing="0" cellpadding="0"><br />
<tr><br />
<td bgcolor="#ffffff" align="center"><br />
<input type="hidden" name="id" value="1058808" /><br />
<input type="hidden" name="pageid" value="r" /><br />
<input type="hidden" name="mode" value="ALL" /><br />
<input type="text" name="query" size="8" /><br />
<input type="submit" value="Search" /><br />
</td><br />
</tr><br />
</table><br />
</form><br />
<br />
</body><br />
</html><!--content-->putting the form outside wil not help either. a form tag is a block level element and it will put margins around itself. hence the block level.<br />
<br />
what you have to do is add style="display:inline" to the form tag. this will solve it in IE but you are out of luck in NS4.xx<br />
<br />
it doesn't matter if it was out or inside the table you will still get the space.<!--content-->This will fix your problem but like scoutt said it will only work in IE:<br />
<br />
<form action="post.htm" method="get" style="margin: 0"><br />
<br />
Paul<!--content-->I moved the form tag outside of the table and it worked, maybe its me
<br /><br />
I also straightened and aligned all the HTML, maybe that did it. I dunno the code I posted works in IE 6 and does what he wants.<!--content-->you are correct rdove, but make a table appear right underneath it and you will see you moved the margin below the table instead of getting rid of it.<!--content-->Hi,<br />
<br />
Could you post the url to the entire page this resides on so I can see just what it is you are trying to accomplish? I'd like to help but if that is all the content with the search box then you will always have white space....../<!--content-->Originally posted by ann <br />
Hi,<br />
<br />
Could you post the url to the entire page this resides on so I can see just what it is you are trying to accomplish? I'd like to help but if that is all the content with the search box then you will always have white space....../ <br />
no you won't<!--content-->Cool... that worked guys, thanks.<br />
<br />
As for Netscape 4.xx, whatever. People need to UPGRADE.<br />
<br />
Thanks a lot for your help.<!--content-->OK,<br />
Bye<!--content-->