メニューーの製作
メニューの製作には、様々な方法がありますが、その機能から考えると、リストで表す事が、もっとも、
標準的であるとされています。
この解説では、それらの基本について説明しています。
もっとも基本的なリストでの表現
＊ 基本のリスト形式での表現 ＊
- 項目１
- 項目２
- 項目３
- 項目４
- 項目５
これではリストマークが入っているので、いまいち気に入らない。
リストマークを消したタイプ
＊ 基本のリスト形式での表現 ＊
- 項目１
- 項目２
- 項目３
- 項目４
- 項目５
ソースは、なにも変わっていません。どこに手をくわえたのでしょうか？
そう！CSSの、リスト部分に、list-style:none を加えたのです。
さらに、項目をブロックレベルで扱えるように、display:block も指定しておきましょう。
リストマークを横に並べる
＊ 基本のリスト形式で横並びの表現 ＊
- 項目１
- 項目２
- 項目３
- 項目４
- 項目５
リストを横並びにするには、CSSの、リスト部分に、display:inline を加えます。
その他の方法
実際のWEBサイトで使用する場合は、flort を用いた方法が、主流ですが、ココでは
最も簡単な方法についてのみ、説明しています。
興味のある方は、ご自分で製作してみてください。
見本メニューの、ソース部分をごらんいただければ、製作方法は理解できると思います。