网站运营
位置：首页>> 网站运营>> 动易解决鼠标滚轮放大缩小图片时把表格撑破的问题

动易解决鼠标滚轮放大缩小图片时把表格撑破的问题

　　发布时间：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>

　　这样，当页面模板里运用了这段代码设置后，前台页面就会不再出现鼠标滚动放大图片时，图片撑大页面表格的问题。

0
投稿

猜你喜欢

手机版 网站运营 asp之家 www.aspxhome.com