注目タグ

質問・疑問

トピック詳細

メニューバー HTML CSS

http://10plate.blog44.fc2.com/blog-entry-176.html

上記URLを参考にしてメニューバーを設置してるんですが、このメニューバーを2行にして表示させるにはどうすればよいでしょ うか?

2013年12月18日 13:39  by ひといきゲーム

コメント一覧 2件中、1~2件表示

  • 秋月あかね さん

    ありがとうございます。これでできそうです。

    2013年12月18日 23:05 by ひといきゲーム

  • ただ2行(2段?)にするだけであれば
    改行および段下げしたいところに<BR>タグ入れてみては
    いかがでしょうか?
    例).
    <!--▼ メニューバー ▼-->
    <ul id="menu_bar">
    <li><a href="<%url>">トップページ< /a></li>
    <br />
    <li><a href="<%url>">トップページ< /a></li>
    </ul>
    <!--▲ メニューバー ▲-->

    また1段目と2段目で色などの設定を変えたいのであれば
    1段目2段目を<ul>タグで別々に囲ってcssで設定してみてください。
    例).
    <!--▼ メニューバー ▼-->
    <ul id="menu_bar1">
    <li><a href="<%url>">トップページ< /a></li>
    </ul>
    <br />
    <ul id="menu_bar2">

    <li><a href="<%url>">トップページ< /a></li>
    </ul>
    <!--▲ メニューバー ▲-->

    2013年12月18日 19:05 by movie