17日目
本日は…
テスト&その応用
テスト内容は…
2カラム&ナビゲーションつきのページモデルを作る。大体40分ほどで完成。
<div id="container">
<div id="header"></div>
<div id="nav">
<ul>
<li><a href="#">nav</a><li>
…
</ul>
</div>
<div id=" wrapper">
<div id="content"></div>
<div id="sidebar"></div>
</div>
<div id="footer">
</div>
</div>
という形で形成する。
(index00.html)
※footerの指定が間違っている
正しくはpadding-bottom: 50px;→height:50px;になっている
以下、応用…
(plante/index.html)
(provence/index.html)
※特に指定は無いが、メニューにthisを指定してあるところ(画像ではabout)には赤い背景、それ以外は青い背景をliに指定してある。li a:hoverについてと、li.this aについてそれぞれopacityを設定することで、背景が透けて見えるようにしてある。
これにより、a:hoverのところは画像のように青く見える(shop参照)