コーディングコンテスト用素材でSTUDY 2

自分の制作過程を（覚えている限り）振り返ってみる

正直ソースの意味がよくわかってないけど

まず、自分が作った成果物（HappyLife Company）です。
http://purazumakoi.web.fc2.com/test/html/

ヘッダ部　div#header

h1要素内のイメージはh1要素ごと float:left しています。
理由は右側にリスト（ ul要素等 ）を作るからです。

リストの情報

• ホーム、事業内容、製品情報　etc...
• プライバシーポリシー、サイトマップ

※ちなみにここのロールオーバーはjsでやってます。

CSS Happy Life --ロールオーバー
http://css-happylife.com/log/javascript/000157.shtml

そして最後にビルの画像背景画像を

#header {
 width: 844px;
 height: 260px;
 ↓ココ
 background: url(../image/key_visual.jpg) no-repeat bottom right;
 margin: 0 auto;
}

こんな風にbottomに設置する。

大まかにはこんな感じ。
凄く大まかだけどね＞＜