前回の続きです。 続いて、メニューを作ってみます。 ※※ 注意!! ※※ 今回の説明は、いわゆるダメな例です。CSS素人が、どう失敗するかが本エントリーで、次の章で立て直す予定です・・・。こういうことやるとハマるよ?と、悪い例として見てもらえれば。 自分の勉強メモとして、試行錯誤の経緯も重要な資産となるかなと思って残してます。 メニューの作成 テーブルだと <table><tr><td>menu1</td><td>menu2</td><td>menu3</td></tr></table> とするところを、li(リストアイテム)タグで作っていきます。また、HTML5からnav(ナビゲーション)というタグが追加されたので、こちらも使っていきます。 メニュー(HTML) メニュー(CSS:レイアウト) ポイントは、nav#nav_main liでfloat:leftを指定しているところ。これで、
![今更聞けないWebサイト構築〜脱テーブルレイアウト〜【中編】 - 今日学んだこと](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f6772598d24376d888558b47a63a1212b915954/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fn%2Fnakazye%2F20140921%2F20140921214119.png)