1

我正在开发一个使用drupal (7.14) Marinelli 主题作为模板的网站。我目前正在努力将主菜单与徽标放在同一行。我的页面的网址是http://quaaoutlodge.com/drupal-7.14/ - 任何人都可以帮助我了解如何设置 css 属性或将 html 放在一起以使其正确对齐吗？该图标应位于主菜单的左侧，黄色背景仅用于调试原因。任何帮助，将不胜感激！谢谢！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>
4

4 回答 4

2

最简单的解决方案是将position:absolute两者divs与top: 和margin-left: 属性一起设置以始终相对修复它们。例如，您也可以将它们都放在左边，在右边float设置一个width属性和一个。margin-leftdiv

于 2012-08-15T03:55:22.360 回答
0

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

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

于 2012-08-15T17:28:57.443 回答
0

主要问题是第二个 div（包装徽标和导航的那个）太小，无法舒适地适应徽标和导航。

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

#header-wrapper { width: 1038px; margin: 0 auto; }
#logo { top: 15px; position: relative; }
#navigation-primary { float: left; margin-left: 50px; padding-top: 34px; }
于 2012-08-15T16:47:51.653 回答
0

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

于 2012-08-15T04:04:19.033 回答