html - ボーダー表示の問題、解決方法がわからない

Question

Web アプリケーションの一部で、セクションのアウトラインに問題があります。

現在、これは起こっています：

どちらの写真もタイトルの前にスペースがあり、2 番目の写真は下部にスペースがあります。時々、これらのスペースが存在しませんが、その場合、底が不安定になります。問題はタイトルの長さにあるようです。短いタイトルには下部のオーバーラップの問題があり、長いタイトルにはスペースの問題がありますが、すべての場合、上部のタイトルの前にスペースがあります.

サブセクションを生成するコードは次のとおりです (HTML を印刷する vbscript です)。

    Response.Write "<!--BEGIN DATA SUB-SECTION TABLE************************************************************************************************************************-->" & chr(10)
    Response.Write "<table border='0' cellpadding='0' cellspacing='0' width='100%'>" & Chr(10)
    Response.Write "<tr>" & Chr(10)
    Response.Write "<td colspan=5>" & Chr(10)
    Response.Write "<!--BEGIN SUB-SECTION HEADER TABLE************************************************************************************************************************-->" & chr(10)
    Response.Write "<table border='0' cellpadding='0' cellspacing='0' width='100%'>" & Chr(10)
    Response.Write "<tr>" & Chr(10)
    Response.Write "<td width='5' height='9' align='left' valign='bottom'>" & Chr(10)
    Response.Write "<img border='0' src='"&strDirectory&"images/new_line_left.gif' width='4' height='10'></td>" & Chr(10)
    Response.Write "<td width='1%' align='left' nowrap><h2 class='fff'>"&Name&"</h2></td>" & Chr(10)
    Response.Write "<td class='fff'>&nbsp;</td>" & Chr(10)
    Response.Write "<td width='5' height='9' align='right' valign='bottom'>" & Chr(10)
    Response.Write "<img border='0' src='"&strDirectory&"images/new_line_right.gif' width='5' height='10'></td>" & Chr(10)
    Response.Write "</tr>" & Chr(10)
    Response.Write "</table></td>" & Chr(10)
    Response.Write "<!--END SUB-SECTION HEADER TABLE************************************************************************************************************************-->" & chr(10)
    Response.Write "</tr>" & Chr(10)

さて、このコードを最初に書いたコーダーがやりたいことは、一連の例外を書き込んで問題を修正することです。基本的には、再利用可能なコードを既に使用している値にハードコーディングします。私は明らかな理由でこの考えを嫌っていますが、vbscript と HTML の経験がないため、これを修正する方法がわかりません。

誰かがそれを必要とする場合に備えて、「fff」クラスの css:

 td.fff {background:url("Maintenance/images/new_line_center.gif") repeat-x bottom;}

new_line_center.gif は単なるサイド ボーダーです。