人力検索はてな
ﾓﾊﾞｲﾙ版を表示しています｡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.このﾍﾟｰｼﾞの先頭へ
□対応機種一覧
□お問い合わせ
□ﾍﾙﾌﾟ/お知らせ
□ﾛｸﾞｲﾝ
□無料ﾕｰｻﾞｰ登録
□はてなﾄｯﾌﾟ