商品详细中的相册商品图片窜到顶上去了
2016-07-07 15:19 来源:www.chinab4c.com 作者:ecshop专家
商品详细中的相册商品图片窜到顶上去了,请各路高手指点。 |
回答:
/*属性相关的商品等左图右文形式*/ .attribute,#history_list{ margin-bottom:8px; } .attribute li{ min-height:50px; _height:50px; padding:6px 0; border-bottom:1px dashed #dbdbdb; } .attribute li img{ width:50px; height:50px; border:1px solid #dbdbdb; margin-right:5px; } #history_list ul{ border-bottom:1px dashed #dbdbdb; } #history_list li{ width:130px; float:left; padding:5px 0; } .porlist{ padding-left:10px; line-height:20px;} #history_list li.goodsimg{ width:57px; margin-right:5px; } #history_list li.goodsimg img{ width:50px; height:50px; border:1px solid #dbdbdb; } #history_list ul#clear_history{ border-bottom:none; text-align:right; margin-top:6px; } #history_list ul#clear_history a{ cursor:pointer; } .ur_here{ line-height:30px; text-align:left; } .GoodsDetails{ border-top:2px solid #6d7c87;} .goodImg{ width:330px;} .goodImg .imgInfo{ width:360px; line-height:320px; text-align:center; margin:0px auto; overflow:hidden; margin-left:10px; } .goodImg .imgInfo img{ *margin-top: expression(( 300 - this.height ) / 2); text-align:center; vertical-align:middle; } .picture{ margin-top:18px; text-align:left; padding-left:10px; background-color: } .picture img{ width:46px; height:46px; cursor:pointer; margin:0 3px; border:1px solid #bfbfbf; } .picture img.onbg{ background:url(images/bg_pic.gif) no-repeat 0 0; padding:8px 2px 2px 2px; } .picture img.autobg{ background:url(images/bg_pic_1.gif) no-repeat 0 0; padding:8px 2px 2px 2px; } .goodImg .up{ width:300px; padding-top:10px; margin-right:50px;} .GoodsDetails .goodTextInfo{ width:330px; font-size:12px; line-height:24px; color:#424242; } .fontg{ color:#9b9a9a;} .GoodsDetails .goodTextInfo li{ float:left; line-height:24px; width:48%; padding-left:2px;} .GoodsDetails .goodTextInfo .Points{ background:url(images/line.gif) repeat-x bottom; padding-left:5px; clear:both; width:100%;} .GoodsDetails .goodTextInfo li img{ vertical-align:middle;} .GoodsDetails .goodsName{ position:relative; font-family:"黑体"; font-size:18px; font-weight:300; padding:6px; line-height:22px; color:#000; _margin-right:-5px; margin-top:-1px; } .Goodpromotion{ background:#f6f6f6; border:1px solid #e8e8e8; padding:4px; margin:5px 0; } .GoodBuy{ background:#fffee6; border:1px solid #e7dbb1; padding:4px; margin:5px 0; } .action{ clear:both; margin:5px auto; padding-top:4px; } |
/*商品描述等标签*/ .goods_attr{margin-top:15px;} .attrTit{ background-color:#fff; border-bottom:2px solid #2b5977; position:relative;} .attr_content{padding:10px; border:1px solid #f2f4fb; margin-top:10px;} .attrTit h2{background:url(images/h2bg.gif) repeat-x right bottom; font-weight:700; color:#5678d0; text-align:center;float:left;height:24px; padding:5px 15px 0px 15px;display:inline; white-space:nowrap; position:relative; top:2px; *bottom:0px; cursor:pointer;border:2px solid #2b5977; border-bottom:none; } .attrTit h2 span{display:block; width:6px; height:34px;} .attrTit .h2bg{background:url(images/titbg.gif) repeat-x bottom; color:#666; height:20px; border:1px solid #dddddd; border-bottom:none; margin-top:3px;} /*风格二*/ .box{ border-top:2px solid #4d86b5;} .box .TxtTit{ line-height:26px; background:url(images/common-bg2.gif) repeat-x bottom;border:2px solid #f9f9f9; padding:10px; color:#000;} .box .TxtTit h6{ font-size:16px; font-weight:bold; line-height:40px; border-bottom:1px solid #ebebeb;} .box .tit{ background:url(images/common-tit.gif) repeat-x top; height:34px;} .box .tit h2{ background:url(images/commondot.gif) no-repeat 5px 12px;padding-left:20px; line-height:34px;} .box .contant{ background:url(images/common-bg2.gif) repeat-x bottom; border:2px solid #f9f9f9; padding:5px;} .screeBox{padding:8px;} .screeBox a{color:#666;} .screeBox span{background:#4d86b5; padding:3px 5px; margin:0 3px; color:#000;} .related img{ width:120px; height:120px;} /*商品列表显示方式*/ .grid{padding-left:13px;} .goodList ul{ background:url(images/line.gif) repeat-x left bottom;padding:5px 0;margin-bottom:8px;} .goodList ul li{float:left;overflow:hidden;} .goodList ul li.thumb{width:140px;text-align:center;background:url(images/goodsdot.gif) no-repeat 5px 3px; padding-left:20px;} .goodList ul li.goodsIit{width:410px;font-size:14px;font-weight:bold;word-break:break-all; margin-left:10px;} .goodList ul li.priceWid{width:150px;float:right;overflow:hidden; text-align: center;} .goodList ul li.goodsName_tit{width:230px;padding:0 5px;font-size:12px;word-break:break-all; padding-left:10px;} .goodList ul li.goodsName_text{ width:320px;} .goodList a{ color:#143651;} .goodList span a{ color:#143651;} .goodList a:hover{ color:#000;} .disType{ padding-top:8px; vertical-align:middle; padding-right:10px;} .disType img{vertical-align:middle; padding-bottom:2px;} #show_hot_area{ padding-left:14px;} #show_new_area{ padding-left:20px;} #show_best_area{ padding-left:20px;} /*翻页*/ .pagebar form{margin:5px auto; text-align:center;} .pagebar .next{width:22px; height:19px; border:1px solid #ccc; padding:1px; color:#000; font-weight:normal; padding:2px 4px;} .pagebar .page_now{color:#fff; padding:2px 6px; background:#274b68; margin-right:3px;} .pagebar a{ padding:2px; color:#cccccc; text-decoration:none; font-weight:bold;} #pager{line-height:28px; text-align:right;} #pager .next a{ color:#000; font-weight:normal;} /*夺宝奇兵+拍卖+团购*/ .SnatchImg{width:200px;text-align:center;padding-top:15px;overflow:hidden;} .SnatchInfo{width:520px;line-height:23px;} .auctionList{margin:15px 0 0 0;border-top:1px solid #b3b3b3;padding-top:15px;} .auctionList li{float:left;line-height:23px;} .auctionList li.auctionImg{width:200px;text-align:center;} .auctionList li.auctionTxt{ width:500px;} .text li{ padding:5px 0 0 10px;} /*用户评论*/ .commentsList{ border:2px solid #f1f1f1; background-color:#fff;} .commentsList .cont{border:2px solid #fcfcfc; padding:5px; background-color:#fff; font-size:12px;} .comments li{ border-bottom:1px solid #e5e5e5; padding-left:10px; line-height:22px;overflow:hidden; } .comments li.dash{border-bottom:1px dashed #e5e5e5;background-color:#fefaf7;overflow:hidden;} .messagecont{ border-top:1px solid #e5e5e5; border-bottom:1px dashed #e5e5e5; background-color:#fefaf7; margin:5px; line-height:22px; padding:4px;} .gust{ color:#0099CC;} .captcha{margin-left:0px; position:relative; top:-3px; *margin-left:8px; *position:relative; top:6px; cursor:pointer;} /*用户中心*/ #menu h4{background:url(images/nume.gif) no-repeat 0 0; height:33px; color:#000; padding:5px 00 20px;} #menu .contant{background:url(images/news-bg.gif) repeat-y; } #menu .contant li{ line-height:22px; background:url(images/commondot.gif) no-repeat 30px 7px; padding-left:50px; font-size:14px;} #menu .contant li a.curs{ font-weight:bold; color:#6699CC;} #menu .bot{background:url(images/tit2.gif) no-repeat 0 -45px; height:8px; font-size:1px;} .us_notice{ border:1px solid #d2e2f2; background:#f8fbff; padding:10px; text-indent:10px; margin:10px 0; } .article h3{ background:url(images/tit3.gif) no-repeat 0 0; height:26px; text-indent:20px; line-height:26px; color:#fff; font-weight:bold;} .article .conter{ border-left:3px solid #8ba1db;border-right:3px solid #8ba1db;} .article .conter li{ line-height:22px; background:url(images/commondot.gif) no-repeat 10px 7px; padding-left:28px; font-size:12px;} .articlebottom{ background:url(images/tit3.gif) no-repeat 0px -33px; height:7px;font-size:1px;} .seq{line-height:20px; background:url(images/disk.gif) no-repeat 10px 8px; padding-left:20px;} /*用户注册*/ .LoginTit{background:url(images/login.jpg) no-repeat; height:140px;} .LoginTit2{background:url(images/denglu.jpg) no-repeat; height:138px;} .Login{border:1px solid #e9e9e9; border-top:none; padding:15px;} .Login li{ float:left;} .Login li.left{ background:url(images/login.gif) no-repeat 1px 6px; width:170px; height:100px; border-right:1px dashed #7f7f7f;line-height:22px; padding-left:10px;} .Login li.left2{ background:url(images/login.gif) no-repeat 1px 6px; width:170px; height:100px;line-height:22px; padding-left:10px;} .Login li.right{padding-left:50px; width:600px;} .Login li.middle{ width:435px;border-left:1px dashed #7f7f7f; color:#3f3f3f; } .inget{ width:296px; height:183px; background:url(images/loginpic.gif) no-repeat;} .inget .LeftTxt{ padding:118px 5px 5px 20px; width:61px;} .inget .RightTxt{ color:#727272; padding:10px 5px 10px 5px; line-height:22px; width:150px;} .Login a{ color:#0033FF; text-decoration:underline;} .Longinbutton{width:115px; height:41px; border:0px; cursor:pointer; overflow:hidden; background:url(images/login-bnt.gif) no-repeat 0 0;} .article h3{ background:url(images/tit3.gif) no-repeat 0 0; height:26px; text-indent:20px; line-height:26px; color:#000; font-weight:bold;} .article .conter{ border-left:3px solid #8ba1db;border-right:3px solid #8ba1db;} .article .conter li{ line-height:22px; background:url(images/commondot.gif) no-repeat 10px 7px; padding-left:28px; font-size:12px;} .articlebottom{ background:url(images/tit3.gif) no-repeat 0px -33px; height:7px;font-size:1px;} .Article{ padding-right:10px; width:720px;} .box .Txt h6{ font-size:16px; font-weight:bold; color:#000; line-height:40px; border-bottom:1px solid #ebebeb;} #focuscont{ width:310px; height:400px; line-height:300px; border:1px solid #ccc; overflow:hidden; margin-bottom:5px; padding:5px 10px; } .focuscont p img{ width:300px; vertical-align:middle; text-align:center; *margin-top: expression(( 300 - this.height ) / 2); } #focustab{ width:300px; margin-bottom:12px; } #focustab li{ float:left; } #focustab li img{ height:54px; width:54px; display:block; } #focustab li a{ background:url(images/bg_pic_1.gif) no-repeat 0 0; padding:9px 1px 3px 1px; margin:0 1px 0 2px; display:block; } #focustab li a.act{ background:url(images/bg_pic.gif) no-repeat 0 0; padding:9px 3px 3px 3px; text-align:center; } #focustab li a.act img{ border:none; } |
哪个模板啊? |
是下面这个官方的模板 |
最近更新
常用插件
- ecshop按分类筛选销售排行
ecshop按分类筛选销售排行...
- ecshop二次开发售后维修卡
插件介绍: 本插件是用于专门从事电子,信息,软件等售后服务关键比...
- ecshop快递发货单打印商品
ecshop快递发货单打印商品信息,大家都知道ecshop快递单打印的时候,只能...
- ecshop供应商插件免费下载
ecshop供应商插件免费下载...
- ecshop选择下单时间插件
ecshop选择下单时间插件主要是根据不同的下单配送要求,在ecshop购物车...
ecshop热门问答
ecshop热门资料
ecshop给点意见
ecshop淘宝商品
ecshop合作伙伴
ecshopMoved
ecshop经典
ecshop品牌总经销
ecshop无法使用
ecshop培训费
ecshopwordpress
ecshopSHOPNC
ecshop发布日期
ecshopdll
ecshopStandards
ecshoplunarpages
ecshop遮住了
ecshop订单确认
ecshop配置
ecshop如何更快修改网站?
ecshop协助
ecshop横线
ecshop查询接口
ecshop详解介绍
ecshop非js
ecshop进度
ecshop权限
ecshop手机访问
ecshopdefault
ecshopNEWS
ecshopenabled
ecshop仁兄