首页新进产品列表随着图片大小出现无法对齐,怎么锁定高度?

Zen Cart 模板、教程、设计、使用交流
版面规则
严禁盗版、侵权的模板下载、讨论,违者封ID、IP。

zencart 发帖图标 首页新进产品列表随着图片大小出现无法对齐,怎么锁定高度?

帖子xian110 » 2010-12-31 12:13

首页新进产品列表随着图片大小出现无法对齐,怎么锁定高度,我的首页的新进产品,推荐产品,特价产品由于上架的图片大小不同,在首页显示时有上有下的,请问怎样像淘宝那样定死,图片同产品名称等都在统一的框内.....现在这样不上不下,很难看啊...

希望给具体的方法了,新手哦!!多谢啊!!
xian110
中级会员
中级会员
 
帖子: 83
注册: 2010-11-15 22:14

Re: 首页新进产品列表随着图片大小出现无法对齐,怎么锁定高度?

帖子xian110 » 2010-12-31 16:59

我用的CSS怎样改还是固定不了宽度同高度的,帮我看下怎样修改,多谢:

.zm10 {height: 100%; width: 155px; text-align: center; margin: 0; padding: 0; border: solid 1px #CCCCCC; background-color:transparent; }

.zm11 { height: 18px;font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; padding-left:0px; border-bottom: #CCCCCC 1px solid; background-image:url(..1/images/n011.gif); background-repeat:repeat-x; padding: 5px; color:#990000;}
.zm11 a{color:#990000;}
.zm12 { height: 150px; width: 155px; text-align: center; padding: 10px; }
.zm13 { font-size: 13px; font-family: "Microsoft YaHei" ! important; background-color: transparent; text-align: center; padding: 2px; border-top:#CCCCCC 1px solid; background-image:url(..1/images/n011.gif); background-repeat:repeat-x; width:170px; height:24px; color:#990000; background-color:; vertical-align:middle;}
.zm14 {
position:relative;
float: left}
.zm15 {
position:relative;
float: right}
#productListHeading , #indexProductListCatDescription, #productListing{
color: #666666;
text-align: left;}

.productListing-heading, .productListing-heading a{
color: #990000;
border-bottom: solid 1px #ccc;
padding-bottom: 5px;}

.productListing-data {
padding: 10px;
text-align: left;
border-bottom: solid 1px #ccc}

#productListing { margin: 0 0 10px; padding: 5px; height: 1%; border: solid 0px #ccc }

position:relative;
text-align:left;
color:#666666;
padding-top: 10px;
}

.productPrices{
text-align:left;
color:#666666;
font-size:11px;
}

.zmpitable { margin: 5px 0 0 }
.zmpd ul { list-style-type: square; margin-top: 5px }
.zmpd ul li { display: list-item }
.zmborder { border: solid 1px #a9a9a9 }


上边的相关height: ; width: 的数据改了没的,像产品文字那定为30高的,如有的名字很短时同长的不统一的哦..

看下图:
xian110
中级会员
中级会员
 
帖子: 83
注册: 2010-11-15 22:14

Re: 首页新进产品列表随着图片大小出现无法对齐,怎么锁定高度?

帖子美拓拓 » 2010-12-31 18:06

像你这样, 图片大小是一样的, 就是有的产品名字长,有 的短, 有的产品打折了,就多出现了一行, 所以导致不起, 可以在在div style="width: 33%;" class="centerBoxContentsNew centeredContent back"> 这个div里设置下 高度,看看..
头像
美拓拓
VIP会员
VIP会员
 
帖子: 627
注册: 2010-11-17 12:04
QQ 帐号: 1159278664

Re: 首页新进产品列表随着图片大小出现无法对齐,怎么锁定高度?

帖子xian110 » 2010-12-31 21:15

具体在那个地方修改,那个文件的啊?
xian110
中级会员
中级会员
 
帖子: 83
注册: 2010-11-15 22:14

Re: 首页新进产品列表随着图片大小出现无法对齐,怎么锁定高度?

帖子xian110 » 2011-01-01 15:12

有没有人有直接的文档给我一个啊,多谢..
xian110
中级会员
中级会员
 
帖子: 83
注册: 2010-11-15 22:14

Re: 首页新进产品列表随着图片大小出现无法对齐,怎么锁定高度?

帖子zhjhqk » 2011-01-03 16:37

图片连接里加个class,设置a.class名{高度},这样一般所有的图片高度都一样,我是这样解决的
zhjhqk
VIP会员
VIP会员
 
帖子: 396
注册: 2010-09-21 10:16

Re: 首页新进产品列表随着图片大小出现无法对齐,怎么锁定高度?

帖子xian110 » 2011-01-04 8:50

自己研究了一天才搞好啊,呵呵....顺便把推荐同特价的也排好了..呵呵
xian110
中级会员
中级会员
 
帖子: 83
注册: 2010-11-15 22:14

Re: 首页新进产品列表随着图片大小出现无法对齐,怎么锁定高度?

帖子Energyjonm » 2013-11-28 15:19

xian110 写道:自己研究了一天才搞好啊,呵呵....顺便把推荐同特价的也排好了..呵呵


我是因为推荐产品,或特价产品出现高度不齐。。 请问你是怎么解决的呢
Energyjonm
普通会员
普通会员
 
帖子: 33
注册: 2013-01-05 17:37

Re: 首页新进产品列表随着图片大小出现无法对齐,怎么锁定高度?

帖子majun8030 » 2013-11-28 19:18

看下我怎样实现 http://www.zenzc.com/home3
www.zenzc.com www.zen-cart.tv www.lvlve.cn
majun8030
中级会员
中级会员
 
帖子: 58
注册: 2010-05-09 1:49
地址: http://www.znezc.com
QQ 帐号: 37037738


  • 相关话题
    回复总数
    阅读次数
    最新文章

回到 模板美工



在线用户

正在浏览此版面的用户:没有注册用户 和 1 位游客