EC2.61默认模板左边分类做成两列CSS代码共享

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



已经没有问题了.放心使用吧


看到有些人在寻找2.61默认模板分类如何搞成两列的方法.
今天有了时间,然后修改了下CSS,给大家贴上来.
把它复制,然后覆盖style.css里的相关代码就行了.

管理员给加点分,我也木有意见的哈



分类.jpg


/*商品分类*/
#category_tree{border:4px solid #ffeef6; background-color:#fff;}
#category_tree dl{margin:6px;}
#category_tree dt{background:url(images/lineBg.gif) repeat-x left bottom;
color:#3f3f3f;padding:2px 0 3px 12px; width:150px;
}
#category_tree dt a{background:url(images/bg.gif) no-repeat 0 -69px;
color:#3f3f3f; padding-left:15px; text-decoration:none;
}
#category_tree dd{padding:3px 0 3px 10px; width:70px; float:left;
white-space:nowrap;
word-break:keep-all;
display: inline;
}
#category_tree dd a{color:#404040; text-decoration:none;}
#category_tree dd a:hover{color:#ff6600; text-decoration:none;}





category_tree.lbi文件的代码
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<div class="box">
<div class="box_1">
<div id="category_tree">
<!--{foreach from=$categories item=cat}-->
<dl>
<dt><a href="{$cat.url}" ><font color=#ff9966><b>

{$cat.name|escape:html}</b></font></a></dt>
<!--{foreach from=$cat.children item=child}-->
<dd><a href="{$child.url}">[{$child.name|escape:html}]

</a></dd>
<!--{/foreach}-->

</dl>
<!--{/foreach}-->
<dt><div align="center">诚信经营.服务客户</div></dt>
</div>
</div>
</div>
<div class="blank5"></div>

回答：
我顶你 ，我这就去试试 。。

没找到是哪一个style.css ,楼主说明一下具体目录

不错。。

原帖由 ezsim 于 2008-11-4 10:54 发表
没找到是哪一个style.css ,楼主说明一下具体目录



模板根目录

修改了，不错，谢谢

在ff,gg浏览器下看都是不正常的，IE8也是不正常的，只有IE6\7能看看

改了，出现如图的问题

错位.jpg (13.47 KB)

错位.jpg



如上问题 IE6 IE7 都有这个问题
麻烦
BZ 想想办法


我用的IE7没有问题啊.你们是不是没把原来的CSS清除掉

原来的清除掉了
还是..文字会出界
版主有没有办法吖

把你们的网站贴上来看一眼啊

还在测试中哇.. 没上传呢

估计再加个 margin:0 auto;IE6 IE7显示应该好一点了。。