Question

所以我正在构建我正在进行的在线展览的最后一页。最终页面使用与展览中较早页面完全相同的格式（图像左侧和图像右侧的段落），因此我只需复制/粘贴所有代码和更改的URL，文本和尺寸我需要的图像和td元素。我没有改变与页面上各种元素对齐的任何关系，但现在我有一个元素基本上忽略 td valign =“top”并且看起来与中心对齐。我已经对新页面的html与原始页面进行了逐行比较，但我找不到任何应该更改它的内容。基本上页面的文本部分（页面标题和页面主体）应该与图像顶部在同一行开始，而是从中心开始经过大量的白色空间。

以下是相关的特定表格，其中删除了文字和完整网址以缩短文字：

<table width="917" border="0"></br>
<tr>
  <td width="400" valign="top">                
    <table width="10" border="1" align="center" bordercolor="#8AC3C9">
        <tr>
          <td width="184" bordercolor="#8AC3C9"><div align="center"><a href="*image*" target="_blank"><img src="*image*" alt="image" width="400" height="267" hspace="1" vspace="1" border="0" align="middle"></a></div></td>
        </tr>
        <tr>
          <td bordercolor="#8AC3C9" bgcolor="#8AC3C9"><div align="center" class="style2">*Image*</td>
        </tr>
      </table>
        </div>        
    </td>
  <td width="500" "valign="top"><div align="center"><font size="+2" face="Georgia"><b>*Title of page*</b></font></div></br>
  <div align="justify"><font face="Georgia">*Body of page*
    </div></td>          
</tr>

Answer 1

有一个＆＃34;在valign面前，所以它没有读取属性。

<td width="500" "valign="top"><div align="center">

完整代码应为：

<table width="917" border="0"></br>
<tr>
  <td width="400" valign="top">                
    <table width="10" border="1" align="center" bordercolor="#8AC3C9">
        <tr>
          <td width="184" bordercolor="#8AC3C9"><div align="center"><a href="image.htm" target="_blank"><img src="http://placehold.it/400x267" alt="image" width="400" height="267" hspace="1" vspace="1" border="0" align="middle"></a></div></td>
        </tr>
        <tr>
          <td bordercolor="#8AC3C9" bgcolor="#8AC3C9"><div align="center" class="style2">*Image*</td>
        </tr>
      </table>
        </div>        
    </td>
  <td width="500" "valign="top"><div align="center"><font size="+2" face="Georgia"><b>*Title of page*</b></font></div></br>
  <div align="justify"><font face="Georgia">*Body of page*
    </div></td>          
</tr>

这是一个有效的代码：http://codepen.io/vic3685/full/vyKmwg/

HTML忽略了valign

1 个答案: