HTML Forum

**Arez20469** · 07-26-2006, 07:31 PM

Here is what my navigation looks like:

The space between 'Navigation' and 'Home' is a . How can I make it about half the length that it currently is?

Here is my code

HTML Code:

  <table border='0' cellpadding='0' cellspacing='0' style='border-collapse: collapse' bordercolor='#181818' width='800'>

      <td width='144' valign='top' height='400'>
        <b><g1><font size="2px">Navigation</font></g1></b><p>
        <table border='0' cellpadding='2' cellspacing='2' style='border-collapse: collapse' bordercolor='#181818' width='150'>
            <td width='100%' height='0' align='left' valign='top'> 
              <p align='left'><font face='Verdana' size='1' color='#C1C4C6'>
                <a href='index.php'>Home</a><br>

**sameer** · 07-27-2006, 03:37 AM

try remove the <gl> tags

**manthu64** · 07-27-2006, 06:04 AM

table border='0' cellpadding='0' cellspacing='0' style='border-collapse: collapse' bordercolor='#181818' width='800'>

<td width='144' valign='top' height='400'>
<g1>Navigation</g1>
<table border='0' cellpadding='2' cellspacing='2' style='border-collapse: collapse' bordercolor='#181818' width='150'>
<td width='100%' height='0' align='left' valign='top'>

<a href='index.php'>Home</a> 
Remove from the third line of navigation text. May possible to removing tag in third line.

**manthu64** · 07-27-2006, 06:04 AM

Remove from the third line of navigation text.
May possible to removing tag in third line.

**LadynRed** · 07-28-2006, 12:08 PM

First of all, there is no such HTML tag <g1>.
Second of all, you'd be better off defining the height, margin and padding of a using CSS.

Third.. forget the tables !

**saadatshah** · 07-31-2006, 08:05 AM

try this

HTML Code:

<table border='0' cellpadding='0' cellspacing='0' style='border-collapse: collapse' bordercolor='#181818' width='800'>
<tr>
<td width='150' valign='top' height="30">
<b><font size="2px">Navigation</font></b>
</td>
<td>&nbsp;</td>
</tr> 
<tr> 
<td>
<table border='0' cellpadding='2' cellspacing='2' style='border-collapse: collapse' bordercolor='#181818' width='150'>
<tr>
<td align='left' valign='top'> 
<a href='#' style="font-family:Verdana; font-size:10px; color:#000000">Home</a>
</td> 
</tr> 
<tr>
<td align='left' valign='top'> 
<a href='#' style="font-family:Verdana; font-size:10px; color:#000000">Link1</a>
</td> 
</tr> 
<tr>
<td align='left' valign='top'> 
<a href='#' style="font-family:Verdana; font-size:10px; color:#000000">Link2</a>
</td> 
</tr> 
</table>
</td>
<td>&nbsp;</td> 
</tr> 
</table>

Just change the height attribute value to adjust the space between Navigation and menu items

<td width='150' valign='top' height="30">

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!