1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

一个CSS问题,帮我解决送200CH币!"_"

本帖由 shangjay2006-03-11 发布。版面名称:前端开发

  1. shangjay

    shangjay New Member

    注册:
    2006-01-13
    帖子:
    3,530
    赞:
    15
    因为某种原因。
    我的首页在生成后 多出了一个 空白! <ul></ul>
    我找不到办法解决多出这个空白<ul>来。

    所以想请教。 如何在CSS中定义

    如果 <ul>之前没有内容</ul> 那这个<ul></ul>不执行或作废。

    因为我定义了 <ul>的宽为100 ,要是执行这个<ul> 那有个很大的空白!



    如果谁有空的话,对DZ熟悉的话,帮我看看如果去掉这个多的<ul></ul>这样更好

    谢谢。

    解决问题,送200CH币!(以示谢意,虽然CH币也没什么用)
     
  2. Ulysses

    Ulysses New Member

    注册:
    2006-02-05
    帖子:
    10,018
    赞:
    16
    最好能先说说大致的情况,例如给出一个演示,说说是哪里的代码。
     
  3. shangjay

    shangjay New Member

    注册:
    2006-01-13
    帖子:
    3,530
    赞:
    15
    我修改的是DZ论坛

    文件是 模板 index.htm

    我要实现的效果是 子论坛列表。 相当与 网站地图
    效果:
    1大类
    1小类
    2小类
    3小列

    2大类
    1小类
    2小类
    3小类

    我修改了后的index.htm 其中有一段是:
    <div id="info"><ul>
    <!--{loop $forumlist $key $forum}-->
    <!--{if $forum['type'] == 'group' && $forumlist[($key + 1)]['type'] == 'forum'}-->
    </ul><ul>
    <h2>$forum[name]</h2>
    <!--{elseif $forum['permission']}-->
    <li><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a><a>(<font color=red>$forum[threads]</font>)</a></li>

    <!--{/if}-->
    <!--{/loop}-->
    </ul>
    </div>

    生成后的代码是
    <div id="info"><ul>

    </ul><ul>
    <h2>1大类</h2>
    <li><a href="forumdisplay.php?fid=3">1小类</a><a>(<font color=red>4</font>)</a></li>
    <li><a href="forumdisplay.php?fid=4">2小类</a><a>(<font color=red>0</font>)</a></li>
    <li><a href="forumdisplay.php?fid=5">3小类</a><a>(<font color=red>0</font>)</a></li>

    </ul><ul>
    <h2>2大类</h2>
    <li><a href="forumdisplay.php?fid=8">1小类</a><a>(<font color=red>0</font>)</a></li>
    <li><a href="forumdisplay.php?fid=9">2小类</a><a>(<font color=red>0</font>)</a></li>
    <li><a href="forumdisplay.php?fid=10">3小类</a><a>(<font color=red>0</font>)</a></li>

    </ul>
    </div>

    这个是目前我知道的最好的办法。

    如果改成
    <div id="info">
    <!--{loop $forumlist $key $forum}-->
    <!--{if $forum['type'] == 'group' && $forumlist[($key + 1)]['type'] == 'forum'}-->
    <ul>
    <h2>$forum[name]</h2>
    <!--{elseif $forum['permission']}-->
    <li><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a><a>(<font color=red>$forum[threads]</font>)</a></li>

    <!--{/if}-->
    <!--{/loop}-->
    </ul>
    </div>

    效果是
    <div id="info"><ul>

    <h2>1大类</h2>
    <li><a href="forumdisplay.php?fid=3">1小类</a><a>(<font color=red>4</font>)</a></li>
    <li><a href="forumdisplay.php?fid=4">2小类</a><a>(<font color=red>0</font>)</a></li>
    <li><a href="forumdisplay.php?fid=5">3小类</a><a>(<font color=red>0</font>)</a></li>

    <h2>2大类</h2>
    <li><a href="forumdisplay.php?fid=8">1小类</a><a>(<font color=red>0</font>)</a></li>
    <li><a href="forumdisplay.php?fid=9">2小类</a><a>(<font color=red>0</font>)</a></li>
    <li><a href="forumdisplay.php?fid=10">3小类</a><a>(<font color=red>0</font>)</a></li>

    </ul>
    </div>
    这样更乱套!
     
  4. 小四

    小四 New Member

    注册:
    2005-09-08
    帖子:
    82
    赞:
    1
    这样呢?

    <div id="info">
    <!--{loop $forumlist $key $forum}-->
    <!--{if $forum['type'] == 'group' && $forumlist[($key + 1)]['type'] == 'forum'}-->
    <ul>
    <h2>$forum[name]</h2>
    <!--{elseif $forum['permission']}-->
    <li><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a><a>(<font color=red>$forum[threads]</font>)</a></li>

    <!--{/if}-->
    </ul>
    <!--{/loop}-->
    </div>
     
  5. shangjay

    shangjay New Member

    注册:
    2006-01-13
    帖子:
    3,530
    赞:
    15
    按楼上的来是

    <div id="info"><ul>

    <h2>1大类</h2>
    <li><a href="forumdisplay.php?fid=3">1小类</a><a>(<font color=red>4</font>)</a></li></ul>
    <li><a href="forumdisplay.php?fid=4">2小类</a><a>(<font color=red>0</font>)</a></li></ul>
    <li><a href="forumdisplay.php?fid=5">3小类</a><a>(<font color=red>0</font>)</a></li></ul>

    <h2>2大类</h2>
    <li><a href="forumdisplay.php?fid=8">1小类</a><a>(<font color=red>0</font>)</a></li></ul>
    <li><a href="forumdisplay.php?fid=9">2小类</a><a>(<font color=red>0</font>)</a></li></ul>
    <li><a href="forumdisplay.php?fid=10">3小类</a><a>(<font color=red>0</font>)</a></li></ul>

    </div>
     
  6. sluke

    sluke New Member

    注册:
    2005-09-04
    帖子:
    4,550
    赞:
    13
    不懂
     
  7. shangjay

    shangjay New Member

    注册:
    2006-01-13
    帖子:
    3,530
    赞:
    15
    等人解决!
     
  8. Ulysses

    Ulysses New Member

    注册:
    2006-02-05
    帖子:
    10,018
    赞:
    16
    你不定义 ul 的宽度 100px ,而通过外层的容器来定义呢?

    经测试,似乎可以满足你的要求。

    PHP:
    <div id="info">
    <
    div id="box">
    <
    ul>
    <!--{
    loop $forumlist $key $forum}-->
    <!--{if 
    $forum['type'] == 'group' && $forumlist[($key 1)]['type'] == 'forum'}--> 
    </
    ul>
    </
    div>
    HTML:
    #box {
        width: 100px;
    }
     
  9. comic

    comic New Member

    注册:
    2006-03-05
    帖子:
    302
    赞:
    2
    插个1x1px的透明图片试试~````
     
  10. sevil

    sevil New Member

    注册:
    2006-01-21
    帖子:
    7
    赞:
    0
    边距设为0

    ul{
    margin: 0px;}
     
  11. shangjay

    shangjay New Member

    注册:
    2006-01-13
    帖子:
    3,530
    赞:
    15
    回楼上的

    我定义了 <ul>的宽 为 200
     
  12. 亚马逊的雨季

    亚马逊的雨季 New Member

    注册:
    2005-09-05
    帖子:
    1,984
    赞:
    12
    尝试过8楼的方法没有?
     
  13. tiandi

    tiandi New Member

    注册:
    2005-10-18
    帖子:
    974
    赞:
    16
    尝试过8楼的方法没有?
     
  14. 极品蜗牛

    极品蜗牛 New Member

    注册:
    2005-10-20
    帖子:
    673
    赞:
    2
    这样写:

    <div id="info"><ul class="hidden">
    <!--{loop $forumlist $key $forum}-->
    <!--{if $forum['type'] == 'group' && $forumlist[($key + 1)]['type'] == 'forum'}-->
    </ul><ul>
    <h2>$forum[name]</h2>
    <!--{elseif $forum['permission']}-->
    <li><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a><a>(<font color=red>$forum[threads]</font>)</a></li>

    <!--{/if}-->
    <!--{/loop}-->
    </ul>
    </div>


    然后CSS里面定义
    .hidden {
    visibility: hidden;
    }


    另外,你底下的ul里包含h2,这个不太标准吧。
     
  15. shangjay

    shangjay New Member

    注册:
    2006-01-13
    帖子:
    3,530
    赞:
    15
    另外,你底下的ul里包含h2,这个不太标准吧。

    不清楚。能说明一下吗。

    这个h2 是定义标题的!
     
  16. 极品蜗牛

    极品蜗牛 New Member

    注册:
    2005-10-20
    帖子:
    673
    赞:
    2
    ul 定义了一个无序列表,li 是里头具体的列表项,和 li 在一起的只可以是 li 了,h2 应该放在 ul 之外。
     
  17. 禾火木风

    禾火木风 New Member

    注册:
    2006-03-15
    帖子:
    2,212
    赞:
    8
    等着收楼主的钱来了。。。

    你不定义ul的宽度,改为定义li的

    LZ,什么时候送钱呀:p
     
  18. shangjay

    shangjay New Member

    注册:
    2006-01-13
    帖子:
    3,530
    赞:
    15
    回楼上,我的问题是 一定要定义 ul 的宽

    因为我有 十来个 <ul></ul>

    如果不定义框,会很乱·
     
  19. shangjay

    shangjay New Member

    注册:
    2006-01-13
    帖子:
    3,530
    赞:
    15
    还是谢谢大家。

    我就只有400 到时候 一人送一点。不好意思。
     
  20. 禾火木风

    禾火木风 New Member

    注册:
    2006-03-15
    帖子:
    2,212
    赞:
    8
    定义ul的宽度和定义li的宽度都可以达到一定效果

    而且如果你的ul是在不同IDDIV内的,可以单独定义那个ID的ul