locroc 商品详情页**相关商品图片错位，请求帮助！

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

locroc 相关商品出了问题，

严重错位，是什么原因呢？
未命名.jpg


回答：
请知道的朋友帮助！

这个需要你复制
component.css 文件 /*相关商品*/ (#relativeItem段) 归类下的css代码

呵呵，帮你顶吧，期待解决

原帖由 蓝色黯然 于 2008-6-4 23:14 发表
这个需要你复制
component.css 文件 /*相关商品*/ (#relativeItem段) 归类下的css代码


你好，找到的CSS代如下：
  1. /*==================== 相关商品 ====================*/
  2. #relativeItem h3{
  3. border-bottom: 1px solid #E5E5E5;
  4. background-color: #fff;
  5. background-image: url(../images/title_goods_related.png);
  6. background-repeat: no-repeat;
  7. background-position: left center;
  8. }
  9. #relativeItem .item { border-bottom:1px dashed #c6c6c6; padding:2px 0;
  10. }
  11. #relativeItem .pic img{
  12. width:60px;
  13. height:60px;
  14. border:none;
  15. }
复制代码


应该怎样修改呢？就是象97buy的这样：我是2.51的
未命名.jpg


原帖由 ouryoung 于 2008-6-5 01:04 发表
呵呵，帮你顶吧，期待解决


感谢啊，
希望我们都早日开始使用这个模板！呵呵

试试这个吧！

  1. #relativeItem .item {
  2. float: left;
  3. width:80px;
  4. vertical-align: middle;
  5. border-bottom:1px dashed #c6c6c6;
  6. padding:3px 0px 3px 0px;
  7. }
  8. #relativeItem .pic img{
  9. width:70px;
  10. height:70px;
  11. border:none;
  12. border: 1px solid #e0e1e2;
  13. }
复制代码

原帖由 蓝色黯然 于 2008-6-5 11:38 发表
试试这个吧！


#relativeItem .item {
float: left;
width:80px;
vertical-align: middle;
border-bottom:1px dashed #c6c6c6;
padding:3px 0px 3px 0px;
}
#relativeItem .pic img{
width: ...


拥抱一下，太好了，一切都恢复了正常，
非常感谢你的帮助。
希望早日看见你的终结者


还是好人多啊