Shorten a table's height

admin

Administrator
Staff member
So, I know I'm doing something wrong, but any ideas why I can't decrease the height of the table? I would like to have each row "tightened" up a bit, but can't seem to make the rows go closer together, no matter what I try. I know I must be an idiot for not knowing this, but I can't seem to get it to work. <br />
<br />
Any ideas?<br />
<br />
<br />
<br />
<table height="38" width="289"><br />
<tr><br />
<td width="15" height="18" valign="top"><br />
<p class="nav"><br />
<img src=http://www.htmlforums.com/archive/index.php/"../../images/in-arrow.gif" border="0" alt="in-arrow" width="13" height="11"><br />
</p><br />
<p class="nav"><br />
<img src=http://www.htmlforums.com/archive/index.php/"../../images/in-arrow.gif" border="0" alt="in-arrow" width="13" height="11"><br />
</p><br />
<p class="nav"><img src=http://www.htmlforums.com/archive/index.php/"../../images/in-arrow.gif" border="0" alt="in-arrow" width="13" height="11"><br />
</p><br />
</td><br />
<td width="264" height="18" valign="top"><br />
<p class="nav"><a href=http://www.htmlforums.com/archive/index.php/"default.htm" class="nav">Options</a><br />
</p><br />
<p class="nav"><a href=http://www.htmlforums.com/archive/index.php/"default.htm" class="nav">Features</a><br />
</p><br />
<p class="nav"><a href=http://www.htmlforums.com/archive/index.php/"default.htm" class="nav">Requirements</a><br />
</p><br />
</td><br />
</tr><br />
</table><!--content-->You need to get rid of the <P> tags and replace them with <br>. It's the <p> that's causing the extra space between the images and text.<!--content-->I take that back, how does this look?<br />
<br />
<table height="38" width="289"><br />
<tr> <br />
<td width="15" height="18" valign="top"><br />
<p class="nav"><br />
<img src=http://www.htmlforums.com/archive/index.php/"../../images/in-arrow.gif" border="0" alt="in-arrow" width="13" height="11"><br />
<img src=http://www.htmlforums.com/archive/index.php/"../../images/in-arrow.gif" border="0" alt="in-arrow" width="13" height="11"><br />
<img src=http://www.htmlforums.com/archive/index.php/"../../images/in-arrow.gif" border="0" alt="in-arrow" width="13" height="11"><br />
</p><br />
</td><br />
<p class="nav"><br />
<td width="264" height="18" valign="top"><br />
<a href=http://www.htmlforums.com/archive/index.php/"default.htm" class="nav">Options</a><br><br />
<a href=http://www.htmlforums.com/archive/index.php/"default.htm" class="nav">Features</a><br><br />
<a href=http://www.htmlforums.com/archive/index.php/"default.htm" class="nav">Requirements</a><br />
</p><br />
</td><br />
</tr><br />
</table><!--content-->Yeah - I guess something like this will probably have to work.<br />
<br />
<table height="1" width="289" cellspacing="0" cellpadding="0"><br />
<tr cellspacing="0" cellpadding="0"><br />
<td width="15" height="1" valign="top" cellspacing="0" cellpadding="0"><br />
<img src=http://www.htmlforums.com/archive/index.php/"../../images/in-arrow.gif" border="0" alt="in-arrow" width="13" height="11"><br />
</td><br />
<td width="264" height="1" valign="top" cellspacing="0" cellpadding="0"><br />
<p class="nav"><a href=http://www.htmlforums.com/archive/index.php/"default.htm" class="nav">Options</a><br />
</p><br />
</td><br />
</tr><br />
<tr cellspacing="0" cellpadding="0"><br />
<td width="15" height="1" valign="top" cellspacing="0" cellpadding="0"><br />
<img src=http://www.htmlforums.com/archive/index.php/"../../images/in-arrow.gif" border="0" alt="in-arrow" width="13" height="11"><br />
</td><br />
<td width="264" height="1" valign="top" cellspacing="0" cellpadding="0"><br />
<p class="nav"><a href=http://www.htmlforums.com/archive/index.php/"default.htm" class="nav">Features</a><br />
</p><br />
</td><br />
</tr><br />
<tr cellspacing="0" cellpadding="0"><br />
<td width="15" height="1" valign="top" cellspacing="0" cellpadding="0"><br />
<img src=http://www.htmlforums.com/archive/index.php/"../../images/in-arrow.gif" border="0" alt="in-arrow" width="13" height="11"><br />
</td><br />
<td width="264" height="1" valign="top" cellspacing="0" cellpadding="0"><br />
<p class="nav"><a href=http://www.htmlforums.com/archive/index.php/"default.htm" class="nav">Requirements</a><br />
</p><br />
</td><br />
</tr><br />
</table><!--content-->Do you absolutely need the p tag around every image and link, or can you wrap it around the images as a group, and the links as a group. Because if it will be the same either way, then that last post of mine(I edited it, bad habit) would save you some time and space.<!--content-->Yes, that may be the answer. I'm going to try that.<!--content-->
 
Back
Top