動画で練習7

参考ブログ

初心者でもわかるHTML&CSS講座　イタリアンレストランホームページを作る | Inoma Create

※サイト内の後編動画の続きです。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

ヘッダーのレイアウト調整

css

• サイトロゴとサイトリザーブをフロート設定で横並びにしたので、フロートの解除が必要になる。
• フロート解除用のダミーボックスを指定

css

ダミー要素を追加

「site_reserve」の下にコードを追加

↑サイトロゴと電話番号が横並びになりました。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

ナビゲーションメニューのスタイル指定

css

グーグルチャーム

↑成功、ナビゲーションメニュー（赤い枠）が適応されました。

※続きます。