在同一行获取图像答案

【问题标题】：getting image on same line在同一行获取图像
【发布时间】：2012-08-15 03:43:32
【问题描述】：

我正在开发一个使用 drupal (7.14) Marinelli 主题作为模板的网站。我目前正在努力将主菜单与徽标放在同一行。我的页面的 url 是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>

【问题讨论】：

我从未听说过yallow。它的十六进制值是多少？
我也没有听说过黄色，但黄色实际上是#FFFF00 - 已替换..

标签： html css drupal web drupal-7

【解决方案1】：

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

【讨论】：

您好，感谢您的回复 - 这有点用，但现在我无法在菜单左侧获得徽标：quaaoutlodge.com/drupal-7.14 还有其他建议吗？谢谢！
好！别客气。如果您坚持让顶部菜单跟随滚动，您还应该修复z-index...当菜单位于其余部分下方时看起来有点糟糕。
呵呵，我没看懂，你可能在我设置z-index之前看过了。现在应该很好，滚动看起来像我想要的那样。但是，如果您使用狭窄的浏览器窗口/低分辨率查看它，则必须弄清楚......看起来不太像我想要的......

【解决方案2】：

这就是你需要做的事情：http://jsfiddle.net/Z4EAb/

【讨论】：

【解决方案3】：

主要问题是第二个 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; }

【讨论】：

【解决方案4】：

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

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

【讨论】：