如何将小部件区域从旁边更改为内联？
Posted
技术标签:
【中文标题】如何将小部件区域从旁边更改为内联？【英文标题】：how to change widget area from aside to inline? 【发布时间】：2013-07-16 11:42:12 【问题描述】：这是我的网站： 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 -->
那么，我要改成什么
让小部件区域内联，看起来像给定的期望前与我当前的页面现实和
如何重新划分标题以消除空白并创建一个徽标区域，就像我给出的示例中一样？
更正： 将属性从<aside> 更改为<div display=inline>，但我不知道这是否是如何让小部件区域与导航菜单位于同一行与这些类别一致选项卡...
【问题讨论】：
更正：将属性从 更改为 但我不知道这是否是如何使小部件区域与导航菜单位于同一行类别标签...请帮助我！！！谢谢 【参考方案1】：我检查了您的代码。转到您的 CSS 文件。您想编辑 id 主要内容 (#maincontent) 以减少空白。我注意到它的高度是 956px。你应该减少这个数量，这应该可以消除空白。
【讨论】：
以上是关于如何将小部件区域从旁边更改为内联？的主要内容，如果未能解决你的问题，请参考以下文章