商品分类设置首页推荐时横排变成竖排了,怎么解决!

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



2222.jpg
正常的话,全部商品和数码电子产品,应在精品推荐同一横,现在变成了竖排了,不知道怎么解决,想请大家帮下忙!在此谢谢了

回答：
你这个模板有问题。检查下自己的样式style.css

你肯定是自己改dwt 文件 或CSS文件， 改坏了，这个别人无法给你说出准确答案的，只能自己对照着CSS一点点修改了

2223.jpg
之前好好的,也没有怎么改动啊,当用谷歌浏览器查看却又正常显示.是哪个文件对这里的设置起作用,谢谢!

除IE外其他浏览器打开都正常,我也查了CSS都没有改过，
css如下，
.mod4{
margin-bottom:6px;
}
.mod4 h3{height:29px; line-height:29px;
background:url(images/mod4Bg.gif) repeat-x left bottom; text-align:right;
padding:0 10px; position:relative;
}
.mod4 h3 .more{margin-top:13px; *margin-top:0px; _margin-top:13px;}
.mod4 h3 span{display:block; width:5px; height:29px;
background:url(images/red/bg.gif) no-repeat -195px 0px;
position:absolute; top:0px; right:0px;
}
.mod4 h3 .mod4Tit{background:url(images/red/bg_title.gif) no-repeat 0 -35px;
height:29px; position:absolute; left:0px; top:0px; padding-left:145px;
}
.mod4 h3 .mod4Tit h2{float:left; display:inline; font-weight:100; margin:3px 10px 0 0;
white-space:nowrap;
}
.mod4 h3 .mod4Tit h2 a{color:#cc0000; text-decoration:none;}
.mod4 h3 .mod4Tit .h2bg,.mod4 h3 .mod4Tit .h2bg a{
color:#666565; text-decoration:none;

}

如精品推荐的代码如下，
<div class="mod4">
<h3>
<div class="mod4Tit bestTit" id="itemBest">
{if $cat_rec[1]}
<h2><a href="javascript:void(0)" onclick="change_tab_style('itemBest', 'h2', this);get_cat_recommend(1, 0);">{$lang.all_goods}</a></h2>
{foreach from=$cat_rec[1] item=rec_data}
<h2 class="h2bg"><a href="javascript:void(0)" onclick="change_tab_style('itemBest', 'h2', this);get_cat_recommend(1, {$rec_data.cat_id})">{$rec_data.cat_name}</a></h2>
{/foreach}
{/if}
</div>
<a href="../search.php?intro=best"><img src="images/bnt_more_1.gif" class="more" /></a>
<span></span>
</h3>
</div>

请大家帮忙看下，这代码有没有问题！谢谢

请给指点下,<h3>设定的字体颜色,在IE下都没有作用!<h2>设定的又是怎么理解,在其他的浏览器下可以一排显示.谢谢!

就IE9有这个问题,其他浏览器都显示正常,操作过程是这样的,把团购商品放在中间区域显示后,就出现这样的结果.还有,显示的宽度有修改过.但在一直都显示正常.请高手给提点建议,在此先谢谢了!

样式不兼容修改一下试试

谢谢8楼的朋友回贴,昨天试了好久,应该是h3套不住H2,把h2改为其他的数字就可以了,但各个浏览器显示文字的颜色还是有点不一样.是不是还有其他最佳的答案!