产品使用及交流论坛

首页 » 产品使用交流区 » 安装及使用交流 » 请教xiyou,关于产品图片左边和网页不对齐的问题
aiyaya2004 - 2013/6/10 8:39:51


4597
请看图,在哪儿可以调整红框标示处的距离以使得产品图片可以和网页左边距对齐?

盼答复,谢谢。
xiyou - 2013/6/10 9:59:32
/e/css/comm.css
修改product ul li{}

修改里面的text-align属性。
aiyaya2004 - 2013/6/10 10:05:49
[b]回复 [url=http://bbs.pageadmin.net/showtopic-25044.aspx#85887]2楼[color=Olive]xiyou[/color]的帖子[/url][/b]

太谢谢了,我试试。

不好意思,找了一下,没发现你说的这段代码,我把代码贴出来了,3.0的,能不能告诉具体是哪段?
/*产品表样式*/
.product{overflow:hidden;}
.product table td{text-align:center;padding:5px 0 5px 0}
.product table td img{border:1px solid #ececec;margin:0 5px 0 5px;}

.product_pic{display:block;}
.product_pic li{float:left;text-align:center;padding:10px 20px 30px 20px;display:inline}
.product_pic li img{border:1px solid #ececec;}
.product_pic li .title{display:block;text-align:center;}

.product_pic_infor{display:block;}
.product_pic_infor .left{float:left;text-align:left;width:280px;margin-right:5px;overflow:hidden}
.product_pic_infor .right{float:none!important;float:left;text-align:left;overflow:hidden;}
.product_pic_infor .left .view{padding:2px 10px 2px 0px;}
.product_pic_infor .left .view img{height:250px;width:250px;cursor:pointer;border:1px solid #cccccc;padding:1px;}

.product_pic_infor .left .thumbnails{float:left;text-align:left;width:225px;padding:2px 0 2px 0;height:46px;white-space:nowrap;overflow:hidden;}
.product_pic_infor .left .thumbnails ul li{display:inline}
.product_pic_infor .left .thumbnails img{height:0px;cursor:pointer;border:1px solid #eeeeee;}
.product_pic_infor .left .thumbnails img.current{border:1px solid #999999;}
.product_pic_infor .left .leftbar{float:left;height:50px;width:10px;cursor:pointer;margin-right:5px;display:inline;background:url(images/left.gif) no-repeat left center;}
.product_pic_infor .left .rightbar{float:left;height:50px;width:10px;cursor:pointer;margin-left:5px;display:inline;background:url(images/right.gif) no-repeat left center;}

.product_pic_infor .title{display:block;height:22px;padding:2px 0 0 5px;font-size:13px;font-weight:bold;border:0px dotted #cccccc;border-bottom-width:1px;margin-bottom:5px}
.product_pic_infor .info{text-align:right;padding:2px 2px 0 0;color:#666666}
.product_pic_infor .detailtitle{display:block;width:100%;height:29px;padding:1px 0 0 15px;background:url(images/detailinto_title.jpg) repeat-x left top;}
.product_pic_infor .content{display:block;text-align:left;padding:10px 0 5px 0;width:97%}
aiyaya2004 - 2013/6/10 10:22:04
找着了,谢谢。
是这段代码
.product_pic li{float:left;text-align:left;padding:10px 20px 30px 0px;display:inline}

修改10px 20px 30px 0px部分,调整上下左右距离,谢谢XIYOU
aiyaya2004 - 2013/6/10 10:31:54
[b]回复 [url=http://bbs.pageadmin.net/showtopic-25044.aspx#85887]2楼[color=Olive]xiyou[/color]的帖子[/url][/b]


4598

我已经设置为0PX了,可是左边还是有些距离,做不到零距离对齐么?
Amazing - 2013/6/10 18:46:10
修改css的栏目内容样式.sublanmu_content{}
1
查看完整版本: 请教xiyou,关于产品图片左边和网页不对齐的问题