Question

我正在使用drupal（7.14）Marinelli主题作为模板开发一个网站。我目前正在努力将主菜单放到与徽标相同的行上。我的网页的网址是http://quaaoutlodge.com/drupal-7.14/ - 任何人都可以帮我了解如何设置css属性或将html放在一起以使其正确对齐？图标应位于主菜单的左侧，而yallow背景仅用于调试原因。任何帮助，将不胜感激！谢谢！ page.tpl.php中的代码目前如下所示：

  <div style="background:#000; height:85px; position:fixed; top:0px; width:100%; text-align: right;padding-right:-20px; filter:alpha(opacity=60);border-bottom:1px solid #999;">
<div style="text-align: left;
            top:0px;
            width:70%;
            padding-left:100px;
            padding-right:auto;
            margin-left:auto;
            margin-right:auto;
            background-color:#FFFF00;"><?php if($logo):print $imagelogo;endif ?>
<div id="navigation-primary" class="sitemenu">
  <?php print $mainmenu; ?>    
</div></div>

Answer 1

最简单的解决方案是在position:absolute上设置divs以及top：和margin-left：属性，以便始终相对地修复它们。您也可以float他们两个都离开，例如，在width右侧设置margin-left属性和div。

Answer 2

在这里，您需要做的是：http://jsfiddle.net/Z4EAb/

Answer 3

主要问题是第二个div（包含徽标和导航的那个）太小而不适合徽标和导航。

首先，请提供第二个div和id（例如“header-wrapper”）并取出style属性。然后是相关的CSS：

#header-wrapper { width: 1038px; margin: 0 auto; }
#logo { top: 15px; position: relative; }
#navigation-primary { float: left; margin-left: 50px; padding-top: 34px; }

Answer 4

不要害怕使用负边距来定位彼此。

另见： http://coding.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/

将图像放在同一条线上

4 个答案: