人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jquery ui tabsを使い、スマホサイトのタブメニューを作成しています。
http://jqueryui.com/tabs/

上記のサイトで左寄せになっていますが、これを中央寄せにしたいと考えています。

可能なやり方がありますか?可能な場合、どの部分を変えればいいか具体的に答えて頂けると助かります!


●質問者: roar-king
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● australiagc

http://keith-wood.name/uiTabs.html#tabs-centre

こんな感じでしょうか?ミソは CSS でタブのコンテイナ部分の text-align を center に設定するだけっぽいですね。


roar-kingさんのコメント
ありがとうございます!これです。 ただ、なぜかtext-align を centerではならないみたいです。うーむ。。 もう少し他の方法で試してみます!

australiagcさんのコメント
ありゃ、上手くいきませんでしたか。ui-tabs-navのtext-alignを編集してますでしょうか? firebug でこのページ自体検証してみたところ、「Show CSS」というボタンを押して表示されるCSSと同じ内容が、ヘッダーの<style type="text/css">内に定義されているだけでした。 ID(e.g. #tabs-centre 部分)が間違っているとか、他のCSSがui-tabs-navのスタイルを上書きしていると言うことはないでしょうか?jquery-ui.cssが、カスタムのスタイル定義の後に読み込まれていたりすると上書きされてしまうので、読み込み順序も気をつける必要があります。 オススメは出来ませんが確実性を優先するなら、ui-tabs-nav の ul 自体に、インラインで style を定義してしまうのも実験としてはアリだと思います。

australiagcさんのコメント
あ、HTMLコードが入ったから省かれてしまった。 続きです↓ firebug でこのページ自体検証してみたところ、「Show CSS」というボタンを押して表示されるCSSと同じ内容が、ヘッダーの style の中に定義されているだけでした。 ID(#tabs-centre 部分)が間違っているとか、CSSの読み込み順序が間違っていて上書きされていると言うことはないでしょうか?オススメはできませんが、実験までにインラインで ui-tabs-nav の ul にこれらの style を直接適用してみるのはいかがでしょう? 基本的に、idやnameが異なったり邪魔している要素が無ければ、全く同じCSSの定義が特定のサイトでは動作しないと言うことは無いと思うので。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ