私はHTML5でメニューをデザインしています。 誰かが添付画像にあるものを達成する方法を教えてもらえますか? は現在、私は、メニューの画像(緑)&のdivの背景色(スカイブルー)このようなdiv&menuをデザインするには
0
A
答えて
1
"BLUE BRIDGE"が別個のイメージであると仮定して、特定のメニュータブが有効なマージン左プロパティを設定することによって画像を再配置する各ページで。
Javascriptを使用できます。
getElementByID('blue-bridge').style.marginLeft = "position px";
あなたのウェブサイトを構築するためにマスターページを使用している場合は、あなたはJavaScript関数に適切な位置を保持する単純な変数を渡すことができます。
EX:PHPのマスターページで:マスターページ上の
<?php
$ml=5px; //10px //20px .. depending the page.
include('masterpage.php');
?>
:
コンテンツページで
function setMargin()
{
getElementByID('blue-bridge').style.marginLeft = "<?php echo $ml; ?>px";
}
良い一日を。
編集1:忘れてしまったこと;特定のイメージを保持している適切なタグにIDを使用します。 :)
0
のz-indexが、メニューが高い、と緑の下で青を置くの間のギャップを埋めることができないのですか?
関連する問題
- 1. 私はこのデザインをコーディングしようとしている別のdiv
- 2. Rad Menu and Div Issue
- 3. css3でこのボタンのようにデザインするには?
- 4. なぜこのようにマングースをデザインしたのですか?
- 5. デザイン---どのようにこの効果を行うには?
- 6. このようなデザインを作成する際のガイドライン
- 7. androidでこのようなビュー遷移をデザインする方法
- 8. JDKのコンセプトなぜこのようなデザインなのですか
- 9. 、私はこのような角度ページをデザインしたい
- 10. MacromediaアプリケーションのようなCollapasable Menu
- 11. Ajaxのより良いデザインはdivを別のdivに置き換えます
- 12. divタグとspanタグタグではなく、どのようにウェブサイトをデザインするのですか
- 13. このデザインはどのように入手できますか?
- 14. モバイルサイトのデザインを異ならないようにする方法
- 15. 私はこのようになりますdivのリスト持つdivのリスト
- 16. このデザインにはどのようなデザインパターンが推奨されますか?
- 17. は、私はこのようなdiv要素を持っているdivタグ
- 18. このデザインはどのようにデータにアクセスするのですか?
- 19. jQueryの私はこのようなdiv要素を持っているのdiv
- 20. iOS Xcodeストーリーボード:テキストをこのデザインのように見えるようにするには
- 21. ボディ用ではなくdiv用にスクロールバーのデザインをカスタマイズ
- 22. 表示のdivのonclick私はここに示すようなスライドショーを表示しようとしている
- 23. WPFでこのようなリージョン設定をデザインするにはどうすればいいですか?
- 24. アニメーションやデザインのマークポイントは、このようなアンドロイドのGoogleマップで行う
- 25. どのようにデザインするよりグラフィカルなフィルタをtableauにする
- 26. どのように私は次のようなデザインを持つこのデータベース設計
- 27. 道場はこのようなdiv要素でアニメーションに完全
- 28. TwitterのようなのUITableViewデザイン
- 29. このdivはどのような例ですか?
- 30. HTML/JSのデザイン - 私はこのようなスライダーを作成しようとしているスライダーバー
理解を深めてください。 – sandeep
関連するコード/フィドルを入力してください。 – w3uiguru
フレンドこのリンクを参照して、html5&css3とテストコードの新機能です。http://www.joepettersson.com/jquery-powered-navigation-menu/ – JMoh