Why the extra space?

[JSchwarz]

...and how do I get rid of it?

The seems like fairly simple HTML to me, but I'm getting about two lines of extra space after the unordered list (</UL>), before the next table row starts.<table><tr style="border:1 red solid">
<td valign=top style="border:1 green solid"><br />
<h1>Legal Survey Projects Conducted for Citigroup:</h1>
<ul >
<li /><a href="Long_URL_here"><b><font ...>Title1</font></b></a>
<li /><a href="Long_URL_here_too"><b><font ...>Title 2</font></b></a>
</ul>
</td></tr><tr>
<td valign=top style="border:1 red solid">
Muchos legalese here
</td></tr>...</table>

Here's the original: http://clearyaccess.cgsh.com/Business/CVPrivacySurveyHome.nsf/ClientHome?open

[soccer362001]

Try:
<style type="text/css">
ul
{margin:0; padding:0;}
</style>
Also, your list items should be enclosed like this <li><a href="Long_URL_here"><b>Title1<</b></li>

[BonRouge]

(except without the goddamn font tags).

[JSchwarz]

I added style="margin:0; padding:0;" to the <UL> command, but that made the bullets go away (and I did fix the <li> statements to your spec, too).

BonRouge, feel free to post the syntax to replace these font tags <font size=3 color=blue face=Arial> But keep in mind that this HTML is generated, not hardcoded.

[felgall]

Sounds like the program you are using to generate the HTML is about 5 years or more out of date.

Try this:

<style type="text/css">
tr, td {border:1 red solid; margin"0; padding:0;}
a.link, a:visited, a:active, a:hover {font-family:arial,sans-serif; color:#00f; font-size:100%; font-weight:bold;}
</style>
<table><tr>
<td valign=top><br />
<h1>Legal Survey Projects Conducted for Citigroup:</h1>
<ul >
<li><a href="Long_URL_here">Title1</a></li>
<li><a href="Long_URL_here_too">Title 2</a></li>
</ul>
</td></tr><tr>
<td valign=top>
Muchos legalese here
</td></tr>...</table>

[ray326]

BonRouge, feel free to post the syntax to replace these font tags <font size=3 color=blue face=Arial> But keep in mind that this HTML is generated, not hardcoded.Can you upgrade your version of Notes? It's generating sucky HTML.

[BonRouge]

If your code is being generated by something then you need to take control of that something and remove the deprecated tags. You also need state your units in the style - not '1' but '1px', '1em' or '1%' (I imagine you meant '1px').

Stephen's example is good, but there are a couple of other things that might need to be changed so that the style is determined by a stylesheet rather than the html.

<style type="text/css">
tr, td {
border:1px red solid;
margin:0;
padding:0;
}
td {
vertical-align:top;
}
ul a { /* to style the list links differently to other links, use 'ul' here */
font-family:arial,sans-serif; /* Obviously, change the link styles */
color:blue;
font-size:100%;
font-weight:bold;
}
h1 {
padding-top:10px; /*if you want a space above your header, use padding or margin */
}
</style>
<table>
<tr>
<td>
<h1>Legal Survey Projects Conducted for Citigroup:</h1>
<ul >
<li><a href="Long_URL_here">Title1</a></li>
<li><a href="Long_URL_here_too">Title 2</a></li>
</ul>
</td>
</tr>
<tr>
<td>
Muchos legalese here
</td></tr>...</table>

I hope this helps.