Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

form within table - how to get rid of whitespace?

Status
Not open for further replies.
glideslope

glideslope

Programmer
Nov 14, 2001
2
ZA
The following code produce whitespace below the image. When the <form> is removed the whitespace disappears. Why?

<html>
<table border=1>
<tr>
<td>
<form>
<img src=&quot;butt0.gif&quot;>
</form>
</td>
</tr>
</table>
</html>
 
Sort by date Sort by votes
<Form> is a block level element thus will create whitespace. You can move the form tags outside the table tag which will move the space outside the table. This may still cause layout problems for you.

Another thing you can do is make the Form an inline element in your stylesheet - form {display:none;}. NS4 will ignore this however.

Hope this is of some use.

Cheers,

Tom
 
Upvote 0 Downvote
Hi,

This is only an IE solution:
<form style=&quot;margin:0px;&quot;>
 
Upvote 0 Downvote
A cheat would be to do the following

<html>
<table border=1>
<form>
<tr>
<td>
<img src=&quot;butt0.gif&quot;>
</td>
</tr>
</form>
</table>
</html>
 
Upvote 0 Downvote
You can do that but it will not pass an HTML validator.
 
Upvote 0 Downvote
Thanks a lot for all the replies! My problem has been solved and the users are smiling again :-D You have made my day! Thanks again!
:-D
 
Upvote 0 Downvote
Here's another tip: Don't do this:
Code: 
<td>
<img src=&quot;butt0.gif&quot;>
</td>
Do this:
Code: 
<td><img src=&quot;butt0.gif&quot;></td>
The carriage return after the <td> tag and after the <img...> tag are converted to spaces, so you'll end up with a space before and after the image inside the table cell, which can mess things up.
Tracy Dryden
tracy@bydisn.com

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

scorney
  • Locked
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
648
3esolar
3
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
712
spamjim
spamjim
bdwilcox
  • Locked
  • Question
More efficient / manageable way to code this HTA w/ VBScript?
Replies
0
Views
648
bdwilcox
bdwilcox
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
1K
Mike Lewis
Mike Lewis
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
1K
Chris Miller
Chris Miller

Part and Inventory Search

Sponsor

Back
Top