nagoya night view 名古屋夜景案内
課題にそって制作(^^;)
大半のボタンを作り多少見栄えを変えました
カーソルが乗った時に画像が挿し変わります
１２項目のナビ　どのページを見ているか
印が付くようにしてあります。

fc2に架空ホテルのホムペをリンクして見ました
このブログのリンクから飛べます
「非日常空間」
アワ（気泡）をかさねて遊びを入れて有ります

表紙　空と海を合成　アワとハイビスカスは単独の画像
切れ目無く見えるようにイラレにて文字を入れPhotoshopにて切り出しして有ります
イラレでのスライスより手間はかかりますが正確に切り出せるので(^^;)
リンク用のナビ部分は横800の四等分各200の幅ロールオーバーになっています
800の幅を持った１つの画像です

お部屋（客室）　下方は半調までのグラデーションにして有ります
アワ（気泡）は半透明の画像で上にノセ、画像１つだけロールオーバーイメージにしています
「客室 guestroom」の下、見ずらいので半調の白い画像を配置しています

お料理　こちらのアワ（気泡）もノセです

料金　桟橋下方は透明になるグラデーション背景の空に溶け込むように見える用になっていますが
別々の画像がかさなっています
「スタンダードプラン」と「海が見える・・・プラン」の文字にはcssで影付きにしてあります

アクセス　下方は半調までのグラデーションにしても見ずらかったので追加で半調の白い画像を配置しています

float
幅を指定した要素をフロートし終わったらフロートクリヤー
フロートとフロートクリヤーはセットで使います
たとえば
左右に配置したらその直後にフロートクリヤーしましょう(^^;)
横に並べたい要素が有る時は
「Aの要素」の右に「Bの要素」を配置したい時は
「Aの要素」を左にフロートしてから　ここが大事

「Bの要素」を左なり右にフロートします。
左にフロートさせた時は「Aの要素」の右に「Bの要素」が並びます
右にフロートさせた時、幅にゆとりがあれば「Aの要素」と「Bの要素」の間が開きます。

CSS - WAKWAK　「目的別のプロパティ解説と実例。」の頁を見て見ませんか

■ 超初心者のためのスタイルシート講座 ■
スタイルシートを適用しながらステップバイステップで進行です

スタイルシートリファレンス（目的別）　こちらはタグの一覧　(^^;)

clearプロパティ,clear:left;.clear:right;,clear:both;,clear:none;,float ...

朝ここらは雪化粧、５分早く家出て１本早いバスに乗ったけど、JRは何時もの時刻(^^;)
下車駅に近づくにつれて雪がなくなってこちらは雪降らなかったみたい
いっもよりちっと早く教室に到着

－５.２℃って１３年ぶり、朝の通学寒ぶかった

10/26の分