HTML忽略valign

Question

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

下面是去掉文字和完整URL的问题的具体表，使它有点短：

<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

有一个“在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> 

这里有一个工作codepen：http://codepen.io/vic3685/full/vyKmwg/