0

簡単なCSSポジショニングの質問で誰かが私を助けてくれることを望んでいました. トップ ナビゲーションの横に表示したいリンクがありますが、別のブラウザー サイズでは移動したくありません。

以下に示すように、「language」というクラスで div を作成しました。

        <!-- nav -->
            <nav id="nav-main" role="navigation"> 
                <?php alanbrandt_nav(); ?>
            </nav>
            <div class="language">
                <a href="http://alanbrandt.dk" target="_blank">Dansk</a>
            </div>

次の CSS クラスも作成しましたが、これを使用すると、メニュー内のすべての記事リンクをクリックできません。メニュー項目からリンクが削除されたかのようです。

.language {
  position:relative;
  left:340px;
  top:-27px;

}

理想的には、リンクは画像の右端に揃えて表示されますが、上部のナビゲーション バーと水平方向に揃えて表示される必要があります。上記は正しいレイアウトを実現しますが、アクティブなメニュー項目がないため、ナビゲーションが機能しなくなります。

http://alanbrandt.com

誰かが私にこれについてどうやって行くか教えてもらえますか?

ありがとう

4

2 に答える 2

0

言語の div を に配置しnav、絶対配置を使用する必要があります。

HTML

<!-- nav -->
<nav id="nav-main" role="navigation"> 
    <?php alanbrandt_nav(); ?>
    <div class="language">
        <a href="http://alanbrandt.dk" target="_blank">Dansk</a>
    </div>
</nav>

CSS

#nav-main {
    position: relative;
    width: 760px;
    margin: 0 auto;
}
#nav-main .language {
    position: absolute;
    right: 0;
    top: 0;
}
于 2013-09-09T08:43:36.853 に答える
0

クラス名の前にドットが必要です:

.language {
  position:relative;
  left:200px;
  top:40px;
}
于 2013-09-09T08:49:53.450 に答える