BLUEOCEAN图片显示问题 .

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

208.79.207.88如下 图上框框左右的间距跟上下的间距太大 如果调节图片大小的话图片会跑出边框范围而且把下面的商品名称跟价格 给盖住哪位好心人告诉一下 该怎么调节

回答:
恩我知道在CSS里改但是我不知道是样式表哪个地方[img][/img]每个模板都不一样谁能解答下 怎么改啊?

顶下啊 谁来解答一下吧

你至少贴下网址啊。。。。。。
每个模板的css都不同

我用的是BLUEOCEAN的英文模板CSS在下面 是在哪里改的给我指出来下可以么?
/*--- goods_grid ---*/
.goods_grid{margin:0; overflow:hidden; zoom:1; display:inline;}
.goods_grid li{width:89px; display:inline; overflow:hidden; margin-left:30px; height:180px; padding:4px 0 5px 0; float:left;}
.goods_grid .img{width:85px; height:72px; background:#fff; border:1px #bcc1ca solid; margin:0 auto; display:block;}
.goods_grid .img img{width:85; height:72px;}
.goods_grid .name{ display:block; line-height:16px; overflow:hidden; zoom:1; word-wrap: break-word; word-break: normal; text-align:center;}
.goods_grid .name a{font-size:12px; font-weight:bold; line-height:16px; color:#363e4a;}
.goods_grid .price{ font-size:12px; line-height:14px; height:14px; margin-bottom:3px; color:#47bec5; text-align:center; display:block; font-weight:bold;}
.goods_grid .market{font-size:12px; text-align:center; height:14px; line-height:14px; font-weight:normal; color:#8c8c8c; text-decoration:line-through;}
.goods_grid .btn_list{ display:block; text-align:left; padding-left:8px;}
.goods_grid .btn_list img{display:block; margin:0 auto; margin-bottom:2px;}

/*--- goods_grid2 ---*/
.goods_grid2{margin:0; overflow:hidden; zoom:1; display:inline;}
.goods_grid2 li{width:89px; display:inline; overflow:hidden; margin-left:30px; height:150px; padding:4px 0 5px 0; float:left;}
.goods_grid2 .img{width:85px; height:72px; background:#fff; border:1px #bcc1ca solid; margin:0 auto; display:block;}
.goods_grid2 .img img{width:85; height:72px;}
.goods_grid2 .name{ display:block; line-height:18px; overflow:hidden; zoom:1; text-align:center;}
.goods_grid2 .name a{font-size:12px; font-weight:bold; line-height:18px; color:#363e4a;}
.goods_grid2 .price{ font-size:12px; line-height:16px; height:16px; margin-bottom:5px; color:#47bec5; text-align:center; display:block; font-weight:bold;}
.goods_grid2 .market{font-size:12px; text-align:center; height:14px; line-height:14px; font-weight:normal; color:#8c8c8c;text-decoration:line-through;}
.goods_grid2 .btn_list{ display:block; text-align:left; padding-left:8px;}

/*--- goods_item ---*/
.goods_item{margin:9px; overflow:hidden; zoom:1;}
.goods_item li{ display:block; padding:10px; border-bottom:1px #cccccc dashed; margin-bottom:10px; overflow:hidden; zoom:1;}
.goods_item .img{width:85px; height:72px; overflow:hidden; float:left; border:1px #cccccc solid; display:inline;}
.goods_item h6{ font-size:12px; white-space:nowrap; padding:0 5px; width:120px; float:left; height:72px; line-height:72px; overflow:hidden; text-align:left; font-weight:bold; color:#363e4a;}
.goods_item .price{width:130px; height:62px; float:left; padding:5px; height:72px; overflow:hidden;}
.goods_item .brief{width:234px; padding:15px 8px; height:42px; overflow:hidden; float:left; font-size:12px; color:#000; text-align:left;}
.goods_item .item_cart{width:100px; height:52px; float:right; padding-top:20px;}
.goods_item .item_cart img{ display:block; margin-bottom:7px;}


/*----- goods_info -----*/
#goods_info{width:752px; overflow:hidden; zoom:1; margin-bottom:10px; border-top:2px #1354bf solid; padding-top:9px;}
.img_info{width:380px; overflow:hidden; zoom:1; float:left;}
.img_info .img{width:378px; height:370px; border:1px #dfdfdf solid; margin-bottom:5px; text-align:center;}
.img_info .img img{margin:0 auto; display:block;}
.text_info{width:361px; overflow:hidden; zoom:1; float:right; text-align:left;}
.text_info h1{font-size:14px; font-weight:bold; height:24px; line-height:24px; border-bottom:1px #cbcaca dashed;}
.text_info li{line-height:24px; min_height:24px; _height:24px; border-bottom:1px #cbcaca dashed; font-size:12px; color:#808080;}
.text_info li span{margin-right:10px;}
.text_info label{margin-left:30px;}
.text_info .itemBtnList{padding-top:8px; border:none;}

看下图问题在于不能随便扩大图片如果图片一超过89PX 就会露出来但个商品的 框框太小请管理员老大帮帮忙啊在线等着呢
[img][/img]



.goods_grid li{width:89px; display:inline; overflow:hidden; margin-left:30px; height:180px; padding:4px 0 5px 0; float:left;}
.goods_grid .img{width:85px; height:72px; background:#fff; border:1px #bcc1ca solid; margin:0 auto; display:block;}
.goods_grid .img img{width:85; height:72px;}

.goods_grid2 li{width:89px; display:inline; overflow:hidden; margin-left:30px; height:150px; padding:4px 0 5px 0; float:left;}
.goods_grid2 .img{width:85px; height:72px; background:#fff; border:1px #bcc1ca solid; margin:0 auto; display:block;}
.goods_grid2 .img img{width:85; height:72px;}
主要是这几个数值的问题。以下是我改的代码,供参考
  1. .goods_grid li{width:148px;display:inline; overflow:hidden; margin-left:30px; height:210px; padding:4px 0 5px 0; float:left;text-align:center;}
  2. .goods_grid .img{background:#fff;margin:0 auto;display:block;}
  3. .goods_grid .img img{ border:1px solid #ddd; }
复制代码
  1. .goods_grid2 li{width:148px;text-align:center; display:inline; height:auto;overflow:hidden;float:left;}
  2. .goods_grid2 .img{background:#fff;margin:0 auto;display:block;}
  3. .goods_grid2 .img img{ border:1px solid #ddd; }
复制代码

楼上的谢谢你了我已经知道该怎么改了只是在调整大小