ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換!
更新通知を受け取って、最新情報をゲット!

CSSテクニックコミュの【質問】cSSでメニューバーを作りたいのですが。

  • mixiチェック
  • このエントリーをはてなブックマークに追加
CSSでメニューバーを作りたいのですが、画像を横に繋げて表示させたいのですがどうやればできるのでしょうか?どなたか教えていただけませんか?
.menubar {
border: 0;
font-size: 0px;
margin: 0;
padding: 0;
height: 50px;
width: 510px;
    }
この後の部分がわかりません。お願いします。

コメント(4)

その“menubar”の中にボタンのboxを横に並べて配置したいということですか?

各々のボタンboxに“float: left”を指定してないとか、そういうことなのでしょうか??

すみません、推測でお答えしてます…。
説明不足の感が否めないのですが、ボタン画像を準備しているのであれば、

.menubar ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.menubar li {
display: inline;
}

<div class="menubar">
<ul>
<li><a href="#"><img src="btn1"></a></li>
<li><a href="#"><img src="btn2"></a></li>
<li><a href="#"><img src="btn3"></a></li>
</ul>
</div>

※一部、省略。
これでも画像横並びいけます。意図してるものと違うのかもしれませんが…
creoさん>ありがとうございます☆そちらのでできました。
飴さん、sandi jazzさん>説明足らずでごめんなさい。以後気を付けます。

ログインすると、みんなのコメントがもっと見れるよ

mixiユーザー
ログインしてコメントしよう!

CSSテクニック 更新情報

CSSテクニックのメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。

人気コミュニティランキング