HTMLをシンプルにした
久しぶりの更新「子豚のしっぽ」です。夕の買い物に行きますと、桃の花が売られていました。三寒四温のことば通りに季節が移り変わりっているようです。
トップ・ページを新しくしていくつかのページを追加しました。３ペイン的なレイアウトに変更し、各ページ左上に「ナビ・ボックス（右イメージ）」の記述なども大幅にシンプルにしてみました。
新しいソース
<div id="navcontainer-box">
<div id="navcontainer">
<ul id="navlist">
<li class="on-idx">Home</li>
<li><a href="summary.html">Gallery</a></li>
<li><a href="summary.html#workingroom">Working Room</a></li>
<li><a href="summary.html#intro">Introduction</a></li>
<li><a href="summary.html#order">Order</a></li>
<li class="navi-blk"><a href="summary.html#inform">Information</a></li>
<li><a href="summary.html#special">Special Issue</a></li>
<li class="navi-blk"><a href="summary.html#piggy">Piggys Tail 【extend】</a></li>
<li><a href="link.html">Link</a></li>
<li><a href="http://www.h7.dion.ne.jp/cgi-bin/ezboard/prime_tm/1/">Cafe</a></li>
</ul>
</div>
</div>
<div id="navcontainer">
<ul id="navlist">
<li class="on-idx">Home</li>
<li><a href="summary.html">Gallery</a></li>
<li><a href="summary.html#workingroom">Working Room</a></li>
<li><a href="summary.html#intro">Introduction</a></li>
<li><a href="summary.html#order">Order</a></li>
<li class="navi-blk"><a href="summary.html#inform">Information</a></li>
<li><a href="summary.html#special">Special Issue</a></li>
<li class="navi-blk"><a href="summary.html#piggy">Piggys Tail 【extend】</a></li>
<li><a href="link.html">Link</a></li>
<li><a href="http://www.h7.dion.ne.jp/cgi-bin/ezboard/prime_tm/1/">Cafe</a></li>
</ul>
</div>
</div>
いままでのソース
<div class="box">
<div class="idx-inside">
<div class="menu now on"><img src="folder_14.gif" alt="■" width="17" height="14" />-Home</div>
<div class="menuseparator">-----</div>
<div class="menu"><a href="summary.html" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Gallery</a></div>
<div class="menu"><a href="summary.html#workingroom" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Working Room</a></div>
<div class="menu"><a href="summary.html#intro" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Introduction</a></div>
<div class="menu"><a href="summary.html#order" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Order</a></div>
<div class="menu"><a href="summary.html#inform" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Information</a></div>
<div class="menuseparator">-----</div>
<div class="menu"><a href="summary.html#special" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Special Issue</a></div>
<div class="menu"><a href="summary.html#piggy" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Piggys Tail 【extend】</a></div>
<div class="menuseparator">-----</div>
<div class="menu"><a href="link.html" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Link</a></div>
<div class="menu"><a href="http://www.h7.dion.ne.jp/cgi-bin/ezboard/prime_tm/1/" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Cafe</a></div>
</div>
</div>
<div class="idx-inside">
<div class="menu now on"><img src="folder_14.gif" alt="■" width="17" height="14" />-Home</div>
<div class="menuseparator">-----</div>
<div class="menu"><a href="summary.html" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Gallery</a></div>
<div class="menu"><a href="summary.html#workingroom" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Working Room</a></div>
<div class="menu"><a href="summary.html#intro" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Introduction</a></div>
<div class="menu"><a href="summary.html#order" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Order</a></div>
<div class="menu"><a href="summary.html#inform" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Information</a></div>
<div class="menuseparator">-----</div>
<div class="menu"><a href="summary.html#special" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Special Issue</a></div>
<div class="menu"><a href="summary.html#piggy" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Piggys Tail 【extend】</a></div>
<div class="menuseparator">-----</div>
<div class="menu"><a href="link.html" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Link</a></div>
<div class="menu"><a href="http://www.h7.dion.ne.jp/cgi-bin/ezboard/prime_tm/1/" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Cafe</a></div>
</div>
</div>
…なんちゅーか、蟻んこさんたちの行進ですな。分量の比較ということでわざとちっちゃい固定文字サイズ（The WeatherPixieのおねえさんにソースが刺さって痛そうなので）にしてありますが、某方面（何）からのご指摘を待たないまでも「質的」な検証を阻止している、にゃどとこの場合は追及しないでね、うふふ。
追記：
ソースの引用に<pre>タグを使うワナ。MSIE6でしっかりとレイアウトが崩れていました。さらにスタイルシートの中で<!-- -->を使っているのを気付かず、あーでもないこーでもない。アホや…
