ヘッダ 01

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

title.jpg back.jpg

--- HTML ---
<div id="header">
 <h1><img src="img/title.jpg" alt=""></h1>
 <ul>
 <li><a href="">link-a</a>|<a href="">link-b</a></li>
 </ul>
</div>

--- CSS ---
#header {
 width:800px;
 min-height:80px;
 height:auto !important;
 height:80px;
 background:url(img/back.jpg) top right no-repeat;
}

#header h1 {
 margin:0;
}

#header ul {
 margin:0;
 padding:8px 10px 3px 10px;
 font-size:70%;
 text-align:right;
}

#header li {
 margin:0 0 5px 0;
 line-height:1.32em;
}

#header img {
 float:left;
}