- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：下記のような単純な階層メニューの作り方を教えていただきたいです。）
単純な階層メニューの作り方
このQ&Aのポイント
- 単純な階層メニューの作り方をご教示ください。メニュー1とメニュー2を横並びに表示させたいです。
- アイコン画像を使用して階層メニューを作りたいです。閉じたり開いたりする機能は不要で、常に表示される形式にしたいです。
- スペースを使わずに正しい方法で単純な階層メニューを作成したいです。お手数ですが、方法をご教示いただけますと幸いです。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
横並びにするときはたいていfloatを使います。 floatすると幅がわからなくなるので、明示的にwidthを指定するとよいでしょう。 ただしfloatした場合はどこかで、clear処理をいれる必要があります <style> #menu>li{ float:left; width:200px; } </style> <ul id="menu"> <li><div>メニュー1</div> <ul> <li>サブメニュー1</li> <li>サブメニュー2</li> <li>サブメニュー3</li> </ul> </li> <li><div>メニュー2</div> <ul> <li>サブメニュー1</li> <li>サブメニュー2</li> <li>サブメニュー3</li> </ul> </li> </ul>
その他の回答 (1)
- cotae_bb
- ベストアンサー率53% (51/95)
回答No.1
リストと作る際には<li>タグなどを使用します http://www.1uphp.com/con1/list/style-url.html こちらに画像を使用したリストの作成が書いてありましたので、 参考までにどうぞ
