建站之星产品帮助
标题:
求助首页产品栏宽度和产品内容宽度在哪里。高难度(已解
[打印本页]
作者:
k21265471
时间:
2011-8-1 10:26
标题:
求助首页产品栏宽度和产品内容宽度在哪里。高难度(已解
本帖最后由 k21265471 于 2011-8-2 17:05 编辑
版主你好,我自己弄了半天也没搞好,希望你帮帮我
(, 下载次数: 32)
上传
点击文件名下载附件
这个模板总宽度是1024
产品栏(①)宽度是750
我下面的产品因为宽度被限制了第3个产品只能显示一半
/*--- 左侧 ---*/
#left{width:750px;float:right;_display:inline;overflow:hidden; }
#left .blk_t{font-size:13px;height:33px;line-height:33px;background:url(../images/left_class_bg2.jpg) repeat-x;text-indent:25px;color:#000; font-family:"Microsoft Yahei"; overflow:hidden;}
#left .art_list_con, #left .prod_list_con{padding:8px; zoom:1; overflow:auto;}
#left .art_list_con ul li{border-bottom:1px dashed #CCC; height:30px; line-height:30px;}
#left .art_list_con ul li .l_title{float:left; width:460px; height:30px; overflow:hidden; background:url(../images/news_arrow.gif) no-repeat left; background-position:0px 12px;*background-position:0px 10px;_background-position:0px 10px; padding-left:15px; }
#left .art_list_con ul li .n_time{float:right; color: #7E7E7E; padding-right:15px;}
#left .list_con ul.flink_index, #right .list_con ul.flink_index{line-height:2em;list-style:none; overflow:auto;zoom:1;}
#left .login_con{ width:320px; margin:0 auto;}
/*--- 右侧 ---*/
#right{width:260px;float:left;margin-right:1px;overflow: hidden; _display:inline; }
#right .newprod_list{width:240px; overflow: hidden; _width:230px;}
#right .newprod_pic{border:#D5E1E2 1px solid;}
#right .newprod_pic, #right .newprod_pic img{width:110px;height:110px; overflow:hidden; float:left;}
#right .newprod_name, #right .newprod_price1,#right .newprod_intr{float:left; text-align:center;}
#right .newprod_name, #right .newprod_price1{width:112px;font-size:12px;height:22px;line-height:22px;}
#right .newprod_intr{width:112px;margin:0 auto;height:34px;overflow:hidden;line-height:1.5em;}
#right .newprod_xx,#right .newprod_gg, #right .newprod_view { display:none;}
#right .list_title a,#right .list_title a:visited{color:#fff;}
#right .login_title,#right .list_title,#right .cart_title,#right .newprod_title,#right .blk_t{font-size:13px;overflow:hidden;height:33px;line-height:33px;text-indent:35px;color:#000; font-family:"Microsoft Yahei"; background:url(../images/right_06.jpg) no-repeat;}
#right .list_con ul li, #right .recent_con ul li{float:none;width:230px;overflow:hidden;}
#right .list_con ul li{width:230px; height:24px; overflow:hidden;}
#right .art_list_title{ display:none; }
#right .list_con, #right .login_main, #right .newprod_con, #right .prod_type, #right .prod_type_n, #right .cart_con, #right .lagbar, #right .recent_con, #right #mess_main, #right .cartlist, #right .langbar, #right .qq_list_con , #right .com_con ,#right .flash_image,#right .langbar{ _overflow:auto; zoom:1; overflow:hidden; background:url(../images/right_bg.jpg) repeat-y;}
/*--- 首页产品样式 ---*/
.newprod_pic, .newprod_pic img{width:220px; height:340px;overflow:hidden;}
.newprod_list{margin:0 16px;padding-bottom:5px;padding-top:6px;text-align:center; width:133px;}
.newprod_pic{margin:0 auto; vertical-align:middle;}
.newprod_pic:hover{}
.newprod_name{line-height:22px; height:22px; overflow:hidden;}
.newprod_name,.newprod_name a,.newprod_name a:visited{color: #4B3F26;}
.media_grid td{vertical-align: top;}
.newprod_name a,.newprod_name a:visited{}
.newprod_intr{width:133px;margin:0 auto;height:36px;overflow:hidden;line-height:1.5em;color:#777;}
.newprod_price{line-height:22px; color:#333;}
#right.newprod_price{line-height:22px; color:#DDEDFF;}
.newprod_xx{width:46px;height:20px;font-size:1px;background: url(../images/more.gif) no-repeat;cursor:pointer;float:left;}
.newprod_xx:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;}
.newprod_button{ padding:5px 0 0 15px;}
.newprod_view{ float:left; width:46px; height:20px; margin-right:5px;}
.newprod_view:hover{filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;}
复制代码
这个产品内容(②)我应该在哪里改呀,版主你帮帮我,谢谢好心人啦
作者:
limqiang
时间:
2011-8-1 11:01
您用的哪一个模板,
或是也可以把域名发上来看下
作者:
k21265471
时间:
2011-8-1 11:16
回复
2#
limqiang
我用的是 xiemao-110304-a5
我们是在本机测试的 ,
http://localhost
希望你还可以补充,非常感谢参与
作者:
limqiang
时间:
2011-8-1 11:42
看不到您具体情况。
#left{width:750px;float:right;_display:inline;overflow:hidden; }
表示左侧整个宽度,如果要调 首页产品栏宽度,侧整个一例的显示都会变
产品显示,调:
.newprod_list {
margin: 0 16px;
padding-bottom: 5px;
padding-top: 6px;
text-align: center;
width: 133px;
}
和:
.newprod_pic, .newprod_pic img {
height: 133px;
overflow: hidden;
width: 133px;
}
作者:
k21265471
时间:
2011-8-1 12:00
回复
4#
limqiang
产品属性:
显示产品数目 6
显示列数 3
(, 下载次数: 42)
上传
点击文件名下载附件
大哥 麻烦你有空的话,帮我弄一下,感激不尽、
作者:
limqiang
时间:
2011-8-1 12:07
建议您想办法把站点上线,方便为您查看您碰到的实际问题。以及解决办法。
作者:
k21265471
时间:
2011-8-1 16:15
回复
6#
limqiang
大哥,你的QQ告诉我。
作者:
limqiang
时间:
2011-8-1 16:23
不好意思,不方便提供
作者:
k21265471
时间:
2011-8-2 17:09
唉 终于搞定了,
还是自己动手 风衣足食啊
我还是把解决方法贴出来 供给后来新手借鉴
#left .pro_over{ width:650px; *width:650px; _width:650px; overflow:visible; padding-right:5px; padding-left:5px;}
方法1 overflow:visible; 这个本来是 溢出:隐藏 改成默认
方法2 width:650px; *width:650px; _width:650px; 修改宽度
作者:
limqiang
时间:
2011-8-2 17:20
多谢分享
欢迎光临 建站之星产品帮助 (http://bbs.sitestar.cn/)
Powered by Discuz! X3.3