0

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

目前正在发生这种情况: 在此处输入图像描述 在此处输入图像描述

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

这是生成子部分的代码(它是 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 只是侧边框: 在此处输入图像描述

4

1 回答 1

0

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

<td><img src="..." /></td>
于 2013-08-12T16:20:06.237 回答