1

I'm developing a website using drupal's (7.14) Marinelli theme as a template. I'm currently fighting with getting the main menu onto the same line as the logo. The url of my page is http://quaaoutlodge.com/drupal-7.14/ - can anybody help me on how I have to set the css properties or put the html together to get this aligned properly? The icon should be on the left side of the main menu and the yallow background is just for debugging reason. Any help would be appreciated! Thank you! The code in page.tpl.php currently looks like this:

  <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を一緒に設定して、常にそれらを相対的に修正することです。たとえば、左にプロパティを設定し、右にaを設定することもできます。topmargin-leftfloatwidthmargin-leftdiv

于 2012-08-15T03:55:22.360 に答える
0

ここで、これはあなたがする必要があることです：http: //jsfiddle.net/Z4EAb/

于 2012-08-15T04:04:19.033 に答える
0

主な問題は、2番目のdiv（ロゴとナビゲーションをラップするdiv）が小さすぎて、ロゴとナビゲーションを快適に収められないことです。

まず、その2番目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; }
于 2012-08-15T16:47:51.653 に答える
0

物事を互いに配置するために負のマージンを使用することを恐れないでください。

参照： http ：//coding.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/

于 2012-08-15T17:28:57.443 に答える