Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在同一行上获取图像_Html_Css_Drupal_Web_Drupal 7 - Fatal编程技术网

Html 在同一行上获取图像

Html 在同一行上获取图像,html,css,drupal,web,drupal-7,Html,Css,Drupal,Web,Drupal 7,我正在开发一个网站,使用drupal的(7.14)Marinelli主题作为模板。我目前正在努力将主菜单与徽标放在同一条线上。我的页面的url是-有谁能帮我设置css属性或将html放在一起以使其正确对齐?图标应该在主菜单的左侧,yallow背景仅用于调试。 任何帮助都将不胜感激! 非常感谢。 page.tpl.php中的代码目前如下所示: <div style="background:#000; height:85px; position:fixed; top:0px; width:

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


最简单的解决方案是在
两个div
上设置
位置:绝对
,以及
顶部
:和
左边距
:属性,以始终相对固定它们。您还可以将它们都向左浮动,例如,在右侧
div

设置
width
属性和
margin left
,这就是您需要做的:

主要问题是第二个div(包装徽标和导航的那一个)太小,无法舒适地安装徽标和导航

首先,请给第二个
div
一个
id
(例如,标题包装器),并去掉style属性。下面是相关的CSS:

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

不要害怕使用负边距来定位彼此周围的事物

另见:

我从来没有听说过雅洛。它的十六进制值是多少?我也没听说过yallow,但黄色实际上被替换了。#FFFF00。.你好,谢谢你的回复-这有点有效,但现在我无法在菜单左侧看到徽标:还有其他建议吗?非常感谢。好!!不客气。如果你坚持让顶部菜单跟随滚动,你可能也应该修复
z-index
。当菜单位于其余菜单下方时,看起来有点糟糕。哈,我不明白,你可能在我设置z-index之前看过它。现在应该很好了,滚动看起来就像我想要的那样。然而,如果你用一个狭窄的浏览器窗口/低分辨率看它,你必须把事情弄清楚。。。看起来还不太像我想要的那样。。。