商品详细中的相册商品图片窜到顶上去了

2016-07-07 15:19 来源:www.chinab4c.com 作者:ecshop专家

商品详细中的相册商品图片窜到顶上去了,请各路高手指点。


22.jpg

回答:
/*属性相关的商品等左图右文形式*/
.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;
}

哪个模板啊?

是下面这个官方的模板

2011-5-28 19-21-27.jpg