bluesky模板二级分类如何横排？

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

ecshop2.6 bluesky模板，我想把二级分类横排怎么弄啊？
现在模板的排列方式是这样的 shu.JPG

我想能不能做成这样： heng.JPG

谢谢


回答：
修改CSS文件应.该可以的.






http://www.ccnnbook.com

恩，我也想要这样的

正需要啊..

高手来帮忙解答一下啊..

http://bbs.ecshop.com/viewthread ... p;page=1&extra=

这个贴子已出解决方法。终于找到了。楼上兄弟可以看看。

官方网站用的是<dl><dt><dd>来排列的,有人给出的解决方案是改为<ul><li>,楼上说找到了解决方案的那个帖子就是这样做的.其实在不改动官网列表标签的基础上,一样可以达到楼主所要的效果,只需要找到样式表,也就是CSS文件,修改#category_tree dd{padding:0px 0px 0px 0px; display:inline;}这句话就行了,在原有的基础上加上display:inline;表示浮动,就可以横排了,但要排的好看,还需要在DD的后面加上一句判断,操作方法:找到显示列表的页面category_tree.lbi,将原来的文件DL部分改成:
<dl>
<dt><a href="{$cat.url}">{$cat.name|escape:html}</a></dt>
{cycle values="''"}
<!--{foreach from=$cat.children item=child}-->
<dd><a href="{$child.url}">{$child.name|escape:html}</a>{cycle values=''&nbsp;|&nbsp;,&nbsp;|&nbsp;,<br/>"}</dd>
<!--{/foreach}-->
</dl>
具体的样子可以看下我做的网站中商品分类的排列方式成都办公用品 不过这种方式有个缺点.就是要保证每横排的字数尽可能相等,不然错位了就难看.要想绝对一样对齐,可以用DIV将每个二级分类的宽度定死,但也有缺点,每个二级导航后面都会跟一条线,前两个跟条线还可以,后面第三个还跟一条线就比较难看,解决的办法还是只能用CSS遮住最后的一条线.