1

这是我的网站： http ://steelpony.com/shop/shop-by-look/

标头想杀了我。我已经尝试了我知识库中 header.php、页面模板、style.css、index.php 和 function.php 中的所有内容，以摆脱大部分空白，将购物车和购物车搜索小部件与导航菜单，没有任何工作。这是我希望标题的样子（减去顶线 - 并不真正关心）：http ://www.shopthreedots.com/Home.aspx

我相信改变小部件区域位置的方法是改变<aside>属性，但display=inline我改变了它吗？这是标题代码：

</head>

<body <?php body_class(); ?>>

<div id="page" class="hfeed">

    <header id="branding" role="banner">
    <div align=center><div id="topcontent">

<div class="topcart">
        <div id="secondary" class="widget-area" role="complementary">
            <?php if ( ! dynamic_sidebar( 'sidebar-1' ) ) : ?>

                <aside id="archives" class="widget">
                    <h3 class="widget-title"><?php _e( 'Archives', 'twentyeleven' ); ?></h3>
                    <ul>
                        <?php wp_get_archives( array( 'type' => 'monthly' ) ); ?>
                    </ul>

                <aside id="meta" class="widget">
                    <h3 class="widget-title"><?php _e( 'Meta', 'twentyeleven' ); ?></h3>
                    <ul>
                        <?php wp_register(); ?>
                        <li><?php wp_loginout(); ?></li>
                        <?php wp_meta(); ?>
                    </ul>
                                </aside>

            <?php endif; // end sidebar widget area ?>
        </div><!-- #secondary .widget-area -->
<div align=center><strong><a href="/products-page/checkout/">Checkout</a></strong></div>

</div><!-- topcart -->

那么，我要改成什么

  1. 将小部件区域内联并看起来像给定的所需前与我当前的页面现实和

  2. 如何重新划分标题以消除空白并创建一个徽标区域，就像我给出的示例中一样？

更正：将属性从更改为<aside>，<div display=inline>但我不知道这是否是如何使小部件区域与导航菜单与这些类别选项卡位于同一行...

4

1 回答 1

0

我检查了你的代码。转到您的 CSS 文件。您想编辑 id 主要内容 ( #maincontent) 以减少空白。我注意到它的高度是 956px。您应该减少此数量，这应该可以消除空白。

于 2013-07-18T01:45:16.520 回答