请问joyo模板如何修改每行图品的数量

2016-07-07 16:23 来源：www.chinab4c.com 作者：ecshop专家

12qa.jpg

请问joyo模板一行显示只有三个，后台设置4个以上就换行了，如何修改每行显示4个啊
先谢谢您


回答：
按这样改就行了！


  2. <table width="400" cellpadding="0" cellspacing="0">
  3. <tr>
  4. <td>
  5. <div style="float:left; width:100px;">
  6. <table width="100" cellpadding="0" cellspacing="0">
  7. <tr>
  8. <td>1111</td>
  9. </tr>
  10. </table>
  11. </div>


  14. <div style="float:left; width:100px;">
  15. <table width="100" cellpadding="0" cellspacing="0">
  16. <tr>
  17. <td>1111</td>
  18. </tr>
  19. </table>
  20. </div>

  22. <div style="float:left; width:100px;">
  23. <table width="100" cellpadding="0" cellspacing="0">
  24. <tr>
  25. <td>1111</td>
  26. </tr>
  27. </table>
  28. </div>


  31. <div style="float:left; width:100px;">
  32. <table width="100" cellpadding="0" cellspacing="0">
  33. <tr>
  34. <td>1111</td>
  35. </tr>
  36. </table>
  37. </div>

  39. <div style="float:left; width:100px;">
  40. <table width="100" cellpadding="0" cellspacing="0">
  41. <tr>
  42. <td>1111</td>
  43. </tr>
  44. </table>
  45. </div>

  47. </td>
  48. </tr>
  49. </table>
复制代码


如果要一行几个只要相应的把外面大table宽度改成里面div宽度的几倍就可以了！！！

多谢yihong兄！
找遍了style.css,和index.dwt,还是不知道加在那里
本不想什么都问，自己一点也不试，可是我看了您的回复后，试了半晌也不知加在那个文件里
还请yihong兄明示

下面是这个模板的css相关部分，真的不知应该加在那里，请明示

/*===========================================
页面中间部分
===========================================*/

#outer_wrapper {
background: #fff;
min-width:980px;
}
#wrapper {
}
#container {
width: 100%;
float: left;
margin-right: -240px;
margin-bottom:10px;
}
#content {
margin-right: 240px;
margin-top:6px;
}
#main {
margin-left: 245px;
margin-right:5px;
padding-right: 2px;
padding-left: 2px;
}
.flash {
float:left;
width:100%;
border:1px #eee solid;
}
.float-left {
float:left;
}
.market-price {
background-image:
}
.goods-table {
border:1px solid #ddd;
border-collapse:collapse;
width:96%;
}
.goods-table th {
width:20%;
text-align:right;
}
.title-03 {
width:100%;
margin:6px auto;
float:left;
background: url(images/title_03_bg.gif) repeat-x top;
}
.title-03 .title {
padding-left:15px;
float:left;
margin-top:8px;
font-size:14px;
font-weight:bold;
color:#CD6702
}
.title-03 .more {
float:right;
margin-top:9px;
margin-right:10px;
}
.title-03 .more h2,.title-03 .more .h2bg{
font-size:12px; text-align:center;
display:inline; padding:0 10px; border-right:1px solid #535151;
}
.title-03 .more h2 a{font-weight:bold; color:#cd6702; text-decoration:none;}
.title-03 .more .h2bg a{font-weight:100; color:#000;}
.title-03 .box {
margin-top:31px; clear:both;
}
/*===========================================
页面左边
===========================================*/
#left {
width:220px;
float: left;
padding-left: 20px;
clear:both;
}
.title-01 {
height:29px;
background-image:url(images/title_01_bg.gif);

问题没有解决，怎么变成已经解决了呀
我搜索了好长时间了，遇到这个问题的同学很多，请高手详细解释一下，先谢谢了


有办法了
修改style.css文件
找到
.product-list li {
list-style:none;
margin-bottom:5px;
float:left;
width:180px;
margin-left:8px;/*产品列表区*/
text-align:center;

180px 改为130px

margin-left:8px再改大一点调间距就可以了。

顶起，试试看！