初心者のためのWEBデザイナーの教科書

定義型リストを学ぶ

更新情報レイアウト

トップページに配置されている「更新情報」の部分を作成します。ニュースのエリアは、あらかじめ高さを設定し、高さ以上の内容になった場合、自動でスクロール出現する仕様にします。

【サンプルを見る】
http://cocohp.com/sample/news/
いろんな方法が考えられますが、日付と内容は関連性があり「ペア」として関連性を持たせる方が良いと考えます。また、dlやdtは、デフォルトで余白がありますので全てリセットしてください。

「定義型リスト」を使って実現してみましょう。


【参考】 ※枠内に、小さいスクロールが出現して過去ログを見ることができます。
2013/05/01
連休かもしれない。旅行に行くぞ。
2013/04/01
会社概要を更新しました。
2013/03/20
Webサイトをリニューアルしました。
Webサイトをリニューアルしました。代表取締役が、変更になりました。
所在地も変更があります。詳細は、会社概要をご覧ください。
2013/02/20
新入社員募集中!詳しくは、リクルートをご覧ください。
2013/01/20
新年あけましておめでとうございます。本年もよろしくお願い致します。


練習問題

【参考スタイル】