縦タブを作る - Cheese Pieこれまで横のタブデザインは何回か作ったけど、縦のタブデザインを初めて作ったのでメモっておく。 DOCTYPEは、XHTML1.0 Transitional で作ってます。 タブ部分横幅固定でコンテンツ部分はリキッド。 まず、タブとコンテンツをマークアップします。 <div class="tabWrap"> <ul class="tabList"> <li class="tab">hogehoge</li> <li class="currentTab">foo</li> <li class="tab">bar</li> </ul> </div> <div class="inputArea"> <span>Tab Contents</span> <p>contentscontentscontentscontents</p> </div> 次に、タブとコンテンツが横並びになるようにスタイルを指定
