joyo2.5模板的非技术性问题！最新发现的！希望是个案！

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

在category-tree中，使用的是js，这个在ie7下是没有问题的！

有问题的的<h3>标签。由于这个标签是自动双行，就是说在显示文字的同时，也会显示一行空白。
占据了2行的距离。所以导致的结果，就是在ie7下，joyo2.5风格的商品分类里，一级
分类之间有较大的空白。

经过测试，这个问题在firefox里不存在，看来是ff自动校正了这个错误，去掉了h标签的空白！

JOYO2.5原始代码：
  1. <!--{foreach from=$categories item=cat}-->
  2. <h3><a href="{$cat.url}">{$cat.name|escape:html}</a></h3>
  3. <div class="yiji"></div>
  4. <ul class="erji">
  5. <!--{foreach from=$cat.children item=child}-->
复制代码
css样式：
  1. #category-tree h3 {
  2. padding:6px 0 5px 27px;
  3. margin-bottom:3px;
  4. border-bottom:1px #E9ECE0 solid;
  5. border-top:1px #E9ECE0 solid;
  6. background-color:#F3F6EB;
  7. background-image: url(images/icon.gif);
  8. background-repeat: no-repeat;
  9. background-position: 12px center;
  10. }
复制代码
偶的修改方案，比较简单，但是可以解决问题！

修改源代码为：
  1. <!--{foreach from=$categories item=cat}-->
  2. <div id="h3"><a href="{$cat.url}">{$cat.name|escape:html}</a></div>
  3. <div class="yiji"></div>
  4. <ul class="erji">
  5. <!--{foreach from=$cat.children item=child}-->
复制代码
css修改为：
  1. #h3 {
  2. padding:6px 0 5px 17px;
  3. margin-bottom:3px;
  4. border-bottom:1px #E9ECE0 solid;
  5. border-top:1px #E9ECE0 solid;
  6. background-color:#F3F6EB;
  7. background-image: url(images/icon.gif);
  8. background-repeat: no-repeat;
  9. background-position: 8px center;
  10. font-size:12px;
  11. font-weight:bold;
  12. }
复制代码
完毕！^_^