关于Genuine模板浏览历史变形的解决方法(其它 模板应该同样适用)
2011-01-14 09:33
381 查看
1、先看原理
首先是通过{insert name='history'} 加载的信息在 histpry.ibl
主要样式修改要在includes/lib_insert.php
的function insert_history() 方法。
2.修改如下
a.首先说下原因:是js控制整个historybox高度;根据每个li叠加得出然而原样式没有控制li的高度而是根据内容自适应,所以出现错位。
b.修改文字内容li的样式单独控制,使整个li的高度唯一确定,则问题自然迎刃而解
修改 {insert name='history'}内容lib_insert.php的有关内容修改如下
<ul class="clearfix">
<li class="goodsimg"><a href="'.$goods['url'].'" target="_blank"><img src="'.$goods['goods_thumb'].'" alt="'.$goods['goods_name'].'" class="B_blue" /></a></li>
<li class="goodshistorytext">
<a href="'.$goods['url'].'" target="_blank" title="'.$goods['goods_name'].'">'.$goods['short_name'].'</a><br />'.$GLOBALS['_LANG']['shop_price'].'
<font class="f1">'.$goods['shop_price'].'</font><br />
</li>
</ul>
c.样式修改如下
/*history*/
.history_list ul{
margin-bottom:6px;*padding-bottom:6px; height:83px; width:182px; background:url(images/historybox.gif) no-repeat 0px 0px ;
}
.history_list ul li{
float:left;
}
.history_list li.goodsimg{
width:62px;
}
.goodshistorytext{ height:60px; width:114px; margin-left:6px; overflow:hidden; float:left;}
.history_list li.goodsimg img{
width:60px; height:60px; border:1px solid #ccc;
}
#clear_history{
text-align:right; height:20px;
}
#clear_history a{
cursor:pointer;
}
原帖地址 http://bbs.ecshop.com/viewthread.php?tid=127209&highlight= 如有问题请联系 ecshop 安装使用区 版主 ectianjiao
首先是通过{insert name='history'} 加载的信息在 histpry.ibl
主要样式修改要在includes/lib_insert.php
的function insert_history() 方法。
2.修改如下
a.首先说下原因:是js控制整个historybox高度;根据每个li叠加得出然而原样式没有控制li的高度而是根据内容自适应,所以出现错位。
b.修改文字内容li的样式单独控制,使整个li的高度唯一确定,则问题自然迎刃而解
修改 {insert name='history'}内容lib_insert.php的有关内容修改如下
<ul class="clearfix">
<li class="goodsimg"><a href="'.$goods['url'].'" target="_blank"><img src="'.$goods['goods_thumb'].'" alt="'.$goods['goods_name'].'" class="B_blue" /></a></li>
<li class="goodshistorytext">
<a href="'.$goods['url'].'" target="_blank" title="'.$goods['goods_name'].'">'.$goods['short_name'].'</a><br />'.$GLOBALS['_LANG']['shop_price'].'
<font class="f1">'.$goods['shop_price'].'</font><br />
</li>
</ul>
c.样式修改如下
/*history*/
.history_list ul{
margin-bottom:6px;*padding-bottom:6px; height:83px; width:182px; background:url(images/historybox.gif) no-repeat 0px 0px ;
}
.history_list ul li{
float:left;
}
.history_list li.goodsimg{
width:62px;
}
.goodshistorytext{ height:60px; width:114px; margin-left:6px; overflow:hidden; float:left;}
.history_list li.goodsimg img{
width:60px; height:60px; border:1px solid #ccc;
}
#clear_history{
text-align:right; height:20px;
}
#clear_history a{
cursor:pointer;
}
原帖地址 http://bbs.ecshop.com/viewthread.php?tid=127209&highlight= 如有问题请联系 ecshop 安装使用区 版主 ectianjiao
相关文章推荐
- AE开发中关于 “无法嵌入互操作类型.........请改用适用的接口”问题的解决方法
- AE开发中关于 “无法嵌入互操作类型.........请改用适用的接口”问题的解决方法
- 关于jQuery EasyUI 中刷新Tab选项卡 后一个页面变形的问题的解决方法
- 关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
- 在配置win7 IIS浏览网站时 检测到在集成的托管管道模式下不适用的ASP.NET设置 的解决方法
- 关于c++类模板及连接问题解决方法
- 关于图片不变形适应屏幕的解决方法(vue为例)
- 关于登陆界面背景图片缩放变形的解决方法
- 关于安装VS2005后‘找不到visual studio模板信息’的解决方法
- win7不显示输入法的3种解决方法(winxp系统同样适用)
- 关于调用strcpy()函数时总是报错问题,5种方法解决!
- 关于Cocos2d-x中掉帧导致游戏一卡一卡的网上一些的解决方法
- 无法嵌入互操作类型“……”,请改用适用的接口的解决方法
- 关于eclipse添加maven后报缺少JDK的错误解决方法
- 关于Linux系统下在使用close关闭串口设备时引起的内核崩溃问题解决方法
- 移动端关于@2x与@3x的图片加载问题解决方法
- [转]应用程序池模板永久性缓存初始化失败的解决方法
- 关于数据库对象所有者非dbo时的可能造成的问题及解决方法
- 关于清理注册表时不小心,删掉TCP/IP配置文件的解决方法
- 关于Mat转UIImage之后颜色不对的解决方法