关于二级分类的问题。

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

我是新手,想请教一下。我想实现二级分类一行两个。两个中间空开一点。我在论坛上搜索的相关问题,和我的代码都不一样的。谢谢各位了。我的style.css代码如下。

/* - 首页左侧 - */
#indexLeft .libDiv {
width:200px !important;
background:url(images/lib_div_bg.gif) repeat-y 0 0 #D6D7A0;
color:#844C17;
margin-bottom:10px;
}
#indexLeft .libDiv p.top {
background:url(images/lib_div_top.gif) no-repeat 0 0;
width:200px;
height:10px;
font-size:0;
display:block;
}
#indexLeft .libDiv p.bot {
background:url(images/lib_div_bot.gif) no-repeat 0 0;
width:200px;
height:10px;
font-size:0;
display:block;
}
#indexLeft .libDiv h2 {
display:block;
margin:3px 0 3px 15px;
padding-bottom:4px;
color:#61461E;
border-bottom: 2px solid #E7E0CA;
font:bold 14px Arial, "宋体", Verdana, sans-serif;
letter-spacing:0pt;
width:171px;
position: relative;
}
#indexLeft .libDiv ul {
padding:5px 15px;
padding-bottom:0px;
}
#indexLeft .libDiv li {
overflow:hidden;
line-height: 160%;
white-space:nowrap;
text-overflow:ellipsis;
width:175px;
}
#indexLeft .libDiv ul.iconTitle li {
padding-left: 10px;
background-image: url(images/news_arrow.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
width:165px;
}
#indexLeft .libDiv input.libInput {
border: 1px solid #E0D8C2;
margin-bottom:8px;
color:#999;
width:165px;
}
#indexLeft .cartDiv {
padding-top: 10px;
padding-left: 10px;
padding-right:50px;
height:50px;
margin-bottom:10px;
background-image: url(images/cart_bg.jpg);
background-repeat: repeat-x;
}
#indexLeft .cartDiv a {
color:#61461E;
}

回答:
唉,怎么都没有人帮助啊



你得把你的URL贴出来 才好有好心人帮你呀 你只发个CSS 别人也不知道你那个分类列表对应的哪个CLASS。
看似好像是用的是
#indexLeft .libDiv ul {
padding:5px 15px;
padding-bottom:0px;
}
#indexLeft .libDiv li {
overflow:hidden;
line-height: 160%;
white-space:nowrap;
text-overflow:ellipsis;
width:175px;
}

这个不难但是麻烦 得对照着分析

这也是这类CSS问题 被回复的少的原因,要是官方模板 大家都熟悉 个性化的模板,别人想帮你 还得去分析你的CSS和HTML

http://www.shinvxuan.com/12/
我的网址。

下面的是我category_tree.lbi文件的全部代码
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
{insert_scripts files='transport.js,utils.js'}
<div><img src="../images/category.gif" alt="Category" width="200" height="38" /></div>
<div class="catDiv">
<ul>
<!--{foreach from=$categories item=cat}-->
<li class="parentCat"><A href="{$cat.url}">{$cat.name|escape:html}</A></li>
<!--{foreach from=$cat.cat_id item=child}-->
<li><A href="{$child.url}">{$child.name|escape:html}</A></li>
<!--{/foreach}-->
<!--{/foreach}-->
</ul>
</div>

可以参考
v2.7 默认的模版二级分类并排显示方法
http://bbs.ecshop.com/thread-97551-1-1.html

http://bbs.ecshop.com/viewthread ... bigsale&page=18

和我的代码完全不一样的啊。怎么修改啊。我求求你们了。

没有人愿意帮助啊。帖子都沉了。唉

代码如果完全一样,那么就叫参考了。
但方法是类似的