WordPress 侧面板

Question

我一直试图让 WordPress 菜单内联并位于我的侧边导航下方，但 FireBug 没有帮助，我看不出哪里出错了！侧面导航的 doe 很糟糕，但如果你去 http://bradburyembroidery.com/houses4cash/blog/ 你会看到它是如何偏离正轨的！

---

 <?php
     /**
      * @package WordPress
      * @subpackage Default_Theme
     */
    ?>
    <div id="sidePanel">
            <div id="categories">
        <ul id="categoryList">
            <li><a href="http://www.housesforcashuk.co.uk/sell-my-house-fast">Sell My House Fast</a></li>
    <li><a href="http://www.housesforcashuk.co.uk/QuickHouseSale.php">Quick House Sale</a></li>

    <li><a href="http://www.housesforcashuk.co.uk/sell-and-rent-back">Sell And Rent Back</a></li>
    <li><a href="http://www.housesforcashuk.co.uk/repossession">Repossession</a></li>
    <li><a href="http://www.housesforcashuk.co.uk/codeofconduct.php">Code Of Conduct</a></li>
    <li><a href="http://www.housesforcashuk.co.uk/blog">Blog</a></li>
    <li><a href="http://www.housesforcashuk.co.uk/testimonials.php">Testimonials</a></li>
    <li><a href="http://www.housesforcashuk.co.uk/contact-us.php">Contact Us</a></li>   </ul>

        <div style="padding-top:5px; padding-bottom:5px;" id="copyright">
      Copyright &copy; 2007-09<br /><a href="index.php"><b>Houses For Cash Ltd</b></a><br />

      All Rights Reserved
      </div>


    </div>


    <div style="clear:both;"></div>
    <div id="side2">
    <ul>
                <?php   /* Widgetized sidebar, if you have the plugin installed. */
                        if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
                <li>
                    <?php get_search_form(); ?>
                </li>

                <!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it.
                <li><h2>Author</h2>
                <p>A little something about you, the author. Nothing lengthy, just an overview.</p>
                </li>
                -->

                <?php if ( is_404() || is_category() || is_day() || is_month() ||
                            is_year() || is_search() || is_paged() ) {
                ?> <li>

                <?php /* If this is a 404 page */ if (is_404()) { ?>
                <?php /* If this is a category archive */ } elseif (is_category()) { ?>
                <p>You are currently browsing the archives for the <?php single_cat_title(''); ?> category.</p>

                <?php /* If this is a yearly archive */ } elseif (is_day()) { ?>
                <p>You are currently browsing the <a href="<?php bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog archives
                for the day <?php the_time('l, F jS, Y'); ?>.</p>

                <?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
                <p>You are currently browsing the <a href="<?php bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog archives
                for <?php the_time('F, Y'); ?>.</p>

                <?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
                <p>You are currently browsing the <a href="<?php bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog archives
                for the year <?php the_time('Y'); ?>.</p>

                <?php /* If this is a monthly archive */ } elseif (is_search()) { ?>
                <p>You have searched the <a href="<?php echo bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog archives
                for <strong>'<?php the_search_query(); ?>'</strong>. If you are unable to find anything in these search results, you can try one of these links.</p>

                <?php /* If this is a monthly archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
                <p>You are currently browsing the <a href="<?php echo bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog archives.</p>

                <?php } ?>

                </li>
            <?php }?>
            </ul>
            <ul role="navigation">
                <?php wp_list_pages('title_li=<h2>Pages</h2>' ); ?>

                <li><h2>Archives</h2>
                    <ul>
                    <?php wp_get_archives('type=monthly'); ?>
                    </ul>
                </li>

                <?php wp_list_categories('show_count=1&title_li=<h2>Categories</h2>'); ?>
            </ul>
            <ul>
                <?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
                    <?php //wp_list_bookmarks(); ?>


                <?php } ?>

                <?php endif; ?>
            </ul>
    </div>  



    </div>

Answer 1

如果您将以下行添加到您的 #side2 ul 中，它应该可以解决问题： padding-left: 0px;

我检查了您的 css 文件，确实很难跟踪这 40 像素的添加位置。

Answer 2

40px 是 Firefox 和 Safari 中 ul 元素的默认左边距，而 IE 设置 30pt 左边距。

只需将“padding-left:0px;margin-left:0px”添加到您的 ul。

您可能希望使用http://developer.yahoo.com/yui/reset/ 之类的重置 css 来缓解此类问题。