首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >HTML忽略了数值计算

HTML忽略了数值计算
EN

Stack Overflow用户
提问于 2016-11-14 20:53:11
回答 1查看 50关注 0票数 1

所以我正在制作我正在制作的网上展览的最后一页。最后一页使用与展览中的早期页面完全相同的格式(图像位于左边,段落位于图像右侧),因此我只需复制/粘贴所有代码,并根据需要更改图像和td元素的URL、文本和尺寸。我与页面上各种元素的对齐无关,但现在我有了一个元素,它基本上忽略了td valign="top“,并且看起来是对中对齐的。我已经对新页面的html和原始页面进行了逐行比较,但是我找不到任何应该改变它的地方。基本上,页面的文本部分(页面的标题和页面的正文)应该从与图像顶部相同的行开始,但是它是在大量空白之后从中间开始的。

下面是有问题的特定表,其中删除了文本和完整的URL,以使其更短一些:

代码语言:javascript
复制
<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>    
EN

回答 1

Stack Overflow用户

发布于 2016-11-14 20:58:19

这里有一个“在valign前面,所以它没有读取属性。

代码语言:javascript
复制
<td width="500" "valign="top"><div align="center">

完整的守则应是:

代码语言:javascript
复制
<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/

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40597640

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档