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;} 主要是这几个数值的问题。以下是我改的代码,供参考
|
楼上的谢谢你了我已经知道该怎么改了只是在调整大小 |
最近更新
常用插件
- ecshop虚拟发货插件
ecshop虚拟发货插件介绍: ecshop虚拟发货插件,主要为了通过后台手动录...
- ecshop没登陆情况下订单查
ecshop没登陆情况下订单查询插件,主要是针对ecshop在没有登陆的情况下...
- ecshop订单聚合插件
ecshop订单聚合插件,主要是为了方便ecshop中订单产品到货情况的分析和...
- ecshop的oss插件
ecshop的oss插件免费共享了,oss,ecshoposs...
- ecshop注册审核插件
ecshop插件介绍:ecshop会员注册审核插件,主要是在前台提供给注册的时候...
ecshop热门问答
ecshop热门资料
ecshop公式
ecshop隔三差五
ecshop行业
ecshop压缩包
ecshophelphelphelp
ecshop详细说明
ecshop新建
ecshopB2C网上购物
ecshopWAP模版
ecshop报表下载
ecshop中子
ecshop乱套
ecshop全世界
ecshop电机
ecshop字问题
ecshop档案
ecshop彻底解决
ecshop数据
ecshop网站建设
ecshop显示图
ecshopphotoshop
ecshopdizscuz
ecshop留言板
ecshop定阅
ecshop丰满
ecshop購物車
ecshop国外网站
ecshopcatalog
ecshoptry
ecshop市级