携帯でタブナビゲーションっぽい表現。

携帯のいろんなキャリアでタブナビゲーションっぽいのを実現するのに、以外と手間取り姉妹。

携帯はけっこうテーブルレイアウトをガンガン使うので、いつものノリでテーブルでタブナビゲーションっぽいのもできるだろうとやってみると、（どっちがどっちかわすれたけどたしか）ドコモではできても、他のキャリアで確認すると、タブの下に1pxぐらいの余白ができて、背景をしいたら今度は上にできたりとか、いろいろ問題が起こりました。

で、結局spacerとdivを使ってやったら、余白もなくなって上手いこといったっぽい。

<!-- START of NAVI -->

<div bgcolor="#タブの下のボーダーと同じ色の背景色">

<div bgcolor="#FFFFFF">

<img src="img/spacer.gif" alt="タブの上の余白" width="240" height="7"><br>

<img src="img/spacer.gif" alt="左の余白" width="5" height="1">

<img src="img/tab_01.gif" alt="タブ1" width="90" height="25" border="0">

<img src="img/spacer.gif" alt="タブのあいだの余白" width="5" height="1">

<a href="index_02.html"><img src="img/tab_02.gif" alt="タブ2" width="90" height="25" border="0"></a>

</div>

<div><img src="img/w_bod_red.gif" alt="タブの下のボーダー" width="240" height="7" border="0"></div>

</div>

<!-- END of NAVI -->