修改css后 图片错位 请帮忙处理

2016-07-07 16:03 来源:www.chinab4c.com 作者:ecshop专家

css修改
.goodsItem{width:145px; width:145px; float:left; position:relative; overflow:hidden; margin:0px 14px 15px 14px;}



请问 我应该怎样修改

未命名.JPG (56.7 KB)

未命名.JPG

未命名1.JPG (56.08 KB)

未命名1.JPG


回答:
没有人知道处理吗?这里就只有一个发垃圾广告的

错误是因为商品名称长度不一造成的,在后台的商店设置中设置商品名称使其显示在一行以内就可以。

.goodsItem{width:145px; width:145px; float:left; position:relative; overflow:hidden; margin:0px 14px 15px 14px;}
怎么有两个width

请修改为:
goodsItem{width:145px; height:145px; float:left; position:relative; overflow:hidden; margin:0px 14px 15px 14px;}
并且在后台--系统设置--商店设置--显示设置中的"商品名称的长度"设为10

如果要不改产品宽度的情况下,你定义一下每行显示的个数,如果后台不提供的话你可以修改相关页面的foreach,里面加上个判断就行了

如果要不改产品宽度的情况下,你定义一下每行显示的个数,如果后台不提供的话你可以修改相关页面的foreach,里面加上个判断就行了

原帖由 shengshi 于 2008-12-18 14:22 发表
请修改为:
goodsItem{width:145px; height:145px; float:left; position:relative; overflow:hidden; margin:0px 14px 15px 14px;}
并且在后台--系统设置--商店设置--显示设置中的"商品名称的长度"设为10


朋友你这样设置图片是好了 可是 名字都不显示了

不显示的话就是高度不够,height数值加大

商品名称改短一点,我的网站也出现过

设置图片下方的文字高度。 goodsitem p{height:36px; overflow:hidden}

原帖由 shengshi 于 2008-12-18 14:22 发表
请修改为:
goodsItem{width:145px; height:145px; float:left; position:relative; overflow:hidden; margin:0px 14px 15px 14px;}
并且在后台--系统设置--商店设置--显示设置中的"商品名称的长度"设为10


证实此方法有效,可以参见本人网站.

后台在商品标题标题显示的长度,10以内,根据模版自己填写。