今日は日曜日なので、はなこさんと一日中ダラダラ過ごす。

アメトーークのDVDをずっと見てた。

夜になって、少し作業をしようと思ったが、少ししんどかったのでちょっとだけ。

サイトのフッターを作った。

お馴染みの、リスト項目をfloat:leftで横並びにするアレだ。

phpのフッター書出し関数

function setFooter()
{
  // サーバーごとの絶対パスの取得
  list($dirPath,$path) = getPath();
  
  print "  </div>\n\n";
  print "</div>\n";
  print "  <!-- page footer, copyrights, etc. -->\n";
  print "  <div id=\"footer\">\n";
  print "    <dl>\n";
  print "      <dt>フッター</dt>\n";
  print "      <dd><a href=\"{$path}\">トップページ</a></dd>\n";
  print "      <dd><a href=\"{$path}sitemap/\">サイトマップ</a></dd>\n";
  print "      <dd><a href=\"http://validator.w3.org/check?uri=referer\">XHTML Validation</a></dd>\n";
  print "      <dd><a href=\"http://jigsaw.w3.org/css-validator/check/referer\">CSS Validation</a></dd>\n";
  print "      <dd><a href=\"#header\">▲ページのトップへ</a></dd>\n";
  print "    </dl>\n";
  print "    <p>&copy; nonukes-maria All Rights Reserved.</p>\n";
  print "  </div>\n\n";
  print "<!-- end wrapper divs -->\n\n";
  print "</body>\n";
  print "</html>";
}

cssでの装飾

div#footer {
  width: 800px;
  height: 40px;
  padding-top: 10px;
  margin-top: -10px;
  margin-bottom: 20px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(../img/footer1.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  clear: both;
}

#footer dl {
  margin-top: 0px;
  padding-top: 0px;
  list-style: none;
}

#footer dt {
  width: 0px;
  height: 0px;
  display: none;
}

#footer dd {
  width: 160px;
  height: 20px;
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  float: left;
  text-align: center;  
}

#footer p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-style: italic;
  text-align: center;
  padding-top: 20px;
  clear: both;
}

特に苦労をすることなく、サクッと出来上がり。

なので、サクッと寝る。