动易解决鼠标滚轮放大缩小图片时把表格撑破的问题
时间:2009-05-22 18:22:00
当我们用鼠标滚动放大图片时,往往会把页面表格也撑大了,这样造成页面不美观,为避免这个问题的出现,我们可以用下面的方法来解决这个问题:
修改模板:内容页模板(频道不限)
功能说明:此修改多应用在图片频道,文章频道也偶有触之,此操作并非修改图片大小使之适应窗口,而是当用鼠标滚轮放大时图片时,利用CSS样式限制其不能把表格撑破。
修改方法:
第一步:进入后台==>文章模板页管理(其他频道类似)==>内容页模板==>
把其中HTML代码复制到记事本中,找到如下代码:
<DIV class=quote twffan="done">
<td class=main_tdbg_760 id=fontzoom style="WORD-BREAK: break-all" vAlign=top colSpan=2 height=300>
<table cellSpacing=0 cellPadding=10 align=left border=0>
<tr>
<td><!--插入广告JS代码--></td>
</tr>
</table>
{$GetSubTitleHtml(0,1)}{$ArticleContent} <center>{$Vote}</center></td>
</DIV>
修改成:(红色字符为新添加的)
<DIV class=quote twffan="done">
<td colspan="2">
<table style="table-layout:fixed;word-break: break-all; word-wrap: break-word;" width=745 height="100%" align=center border=0><tr>
<td class=main_tdbg_760 id=fontzoom style="WORD-BREAK: break-all" vAlign=top colSpan=2>
<table cellSpacing=0 cellPadding=10 align=left border=0>
<tr>
<td><!--插入广告JS代码--></td>
</tr>
</table>
{$GetSubTitleHtml(0,1)}{$ArticleContent} <center>{$Vote}</center>
</td></tr></table></td>
这样,当页面模板里运用了这段代码设置后,前台页面就会不再出现鼠标滚动放大图片时,图片撑大页面表格的问题。