边框显示问题,不确定如何解决

时间:2013-08-12 15:07:07

标签: html css border

我的部分网络应用程序的部分大纲存在问题。

目前正在发生这种情况: enter image description here enter image description here

两张照片都显示标题前面有空格,第二张显示底部有空格。有时候这些空间不存在,但在这种情况下,底部仍然存在问题。问题似乎在于标题的长度,因为较短的标题具有底部重叠问题而较长的标题具有空间问题,但是,在所有情况下,标题顶部都有一个空格。

以下是生成子部分的代码(它是vbscript打印HTML):

    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只是边框:enter image description here

1 个答案:

答案 0 :(得分:0)

罪魁祸首可能是在Chr(10)和图像之间引入<td>。我尝试删除它,以便像这样呈现单元格:

<td><img src="..." /></td>