フッタ 01

HTMLの<div id="footer"> 〜 </div>と、CSSの/* フッタ */に下記のソースを使用します。

このテンプレートで使っている画像です。

bar_1.gif

--- HTML ---
<div id="footer">
 <p><a href="">リンク</a>|<a href="">リンク</a></p>
 <p class="right">present by <a href="http://webch.org/" target="_blank">
 Layout Gallery</a>. Copyright © Your Site Name. All rights reserved.</p>
</div>

--- CSS ---
#footer {
 width:800px;
 height:21px;
 background:url(img/bar_1.gif) no-repeat;
 clear:both;
}

#footer p {
 margin:0;
 padding:4px 0 0 10px;
 color:#fff;
 font-size:65%;
 float:left;
 line-height:1.2em;
 font-family:verdana;
}

#footer p a {
 color:#fff;
 text-decoration:none;
}

#footer p.right {
 padding:0 5px;
 color:#664422;
 float:right;
}

#footer p.right a{
 color:#3366cc;
}