私はこのことを私の人生のために理解することはできません。コンテナの内側に2つのdivがあり、画面の上部に貼り付けようとしています。 1 divにはメニューがあり、もう1つのdivには2つのリンクが含まれています。コンテナは内側のページの中央に配置する必要があり、バックグラウンドは960pxにする必要があります。div1とdiv2はそのコンテナの内側にインラインで配置する必要があります。 1つのdivは左揃え、もう一方は右揃えになります。そして、すべてが上に粘着する必要があります。Ugh 2つのdivを上に貼り付けた中央のコンテナのインラインを入れてください
私は何度も近づいてきましたが、それを得ることはできません。私の現在のシステムはほとんど動作していますが、非常にリグレードされており、div2はコンテナ内でそれにとどまることはありません。ユーザー名が値に応じて拡大または縮小するとき、またはウィンドウの幅が変更されるとき、div2は背景の周りと外に移動します。
添付のものは、必要なものの例とワイヤーフレームです。これをマークする方法を誰かに教えてもらえますか?ここに私が持っているものの縮小バージョンがあります。
<div class="container">
<div id="sticky-top-head">
<div id="block-superfish-1">
<ul id="superfish-1" class="sf-menu">
<li class=""><a href="#">Contribute</a>
<ul class="sf-hidden"><!--li items -->
</ul>
</li>
<li class=""><a href="#">My Lists</a>
<ul class="sf-hidden"><!--li items -->
</ul>
</li>
</ul>
</div>
</div>
<div class="user-logout">
<a id="username" class="sf-right" href="/user">Mattc</a>
<a id="signout" class="sf-right" href="user/logout">Sign Out</a>
</div></div>
CSS:
div#sticky-top-head {
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
div#sticky-top-head #block-superfish-1 {
width: 100%;
background: silver;
height: 21px;
color: #eee;
font-size: 12px;
box-shadow: 1px 1px 2px 1px #1e1e1e;
}
.sf-menu li {
background: silver;
}
.user-logout {
position: fixed;
right: 23%;
top: 0;
z-index: 999;
margin-top: 1px;
}
.user-logout a.sf-right {
color: white;
margin-right: 14px;
}
.user-logout a#signout {
position: absolute;
left: 105px;
top: 0;
width: 75px;
}
は、なぜあなたは、ブートストラップナビゲーションバーを使用していないことができますか?ちょっとした提案 – jaysingkar
私は、ナビゲーションとDrupalビューのためのいくつかの他の要件に従ってスーパーフィッシュを使用しています。 –
いくつかの適応で、これは完全に機能しました! –