jquery - 幅jqueryタブ

Question

私は何人かの友人のウェブサイトを修正しようとしています。私はいくつかのjqueryタブを実装しましたが、コンテナ内でタブを完全に、または少なくとも中央に配置する方法が見つかりません。私はこれを修正しようとして20時間以上経ちましたが、Imは完全に立ち往生しています。とても簡単なことだと思いますが、実際にはわかりません。

サイトはtinyurl.com/ccs7blzで、タブは右側にあります（詳細など）。

何か助けはありますか？前もって感謝します。

Answer 1

あなたのためにそれを行う本当に簡単なjQueryプラグインがあります。

http://sebnitu.github.com/Horizo​​ntalNav/

サイト（およびjQueryライブラリ自体）に正しくリンクされていることを確認してから、追加してください

    $('.my-nav-selector').horizontalNav({});

カスタムjsファイル（またはhtmlのスクリプトタグ）に。

もっとやりたいことがあれば、それをカスタマイズするためのオプションもたくさんあります。

---

編集：CSSソリューション

CSSのみの方法が必要な場合は、もっと簡単な方法があるかもしれません。<li>メニューのセレクターに修飾子がないようです。メニュー全体のパーセント（100％）を取得し、それをメニュー項目の数（6）で割ると、その数値をパーセント幅としてulliに追加できます。

たとえば、私が持っていた場合

ul {
width:100%;
}

そして私は5つの異なるメニュー項目を持っていました

<ul>
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Fourth</li>
<li>Fifth</li>
</ul>

次に、メニュー幅のパーセンテージをメニュー項目の数で割ったものを取ります。

100％/5メニュー項目=20％;

だから私は追加します：

ul li {
width:20%;

}

これにより、メニューが含まれているdiv全体に広がるはずです。

Answer 2

おそらく、style.cssの59行目を編集することで全幅を確保できます。

.tabsContent {
    padding: 0px;
}