roar-king回答ポイントなし

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

http://jqueryui.com/tabs/

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

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

ログインして回答する

みんなの回答

australiagc2012/11/20 13:52:17

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

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

スター
- 3件のコメントを見る
- roar-king 2012/11/22 09:46:25
  
  ありがとうございます!これです。
  ただ、なぜかtext-align を centerではならないみたいです。うーむ。。
  もう少し他の方法で試してみます！
  
  スター
- australiagc 2012/11/22 11:57:30
  
  ありゃ、上手くいきませんでしたか。ui-tabs-navのtext-alignを編集してますでしょうか？
  
  firebug でこのページ自体検証してみたところ、「Show CSS」というボタンを押して表示されるCSSと同じ内容が、ヘッダーの
  
   スター
- australiagc 2012/11/22 12:02:35
  
  あ、HTMLコードが入ったから省かれてしまった。続きです↓
  
  firebug でこのページ自体検証してみたところ、「Show CSS」というボタンを押して表示されるCSSと同じ内容が、ヘッダーの style の中に定義されているだけでした。
  
  ID（#tabs-centre 部分）が間違っているとか、CSSの読み込み順序が間違っていて上書きされていると言うことはないでしょうか？オススメはできませんが、実験までにインラインで ui-tabs-nav の ul にこれらの style を直接適用してみるのはいかがでしょう？
  
  基本的に、idやnameが異なったり邪魔している要素が無ければ、全く同じCSSの定義が特定のサイトでは動作しないと言うことは無いと思うので。
  
  スター

この質問へのコメント

コメントはありません

この質問への反応（ブックマークコメント）

質問の情報

登録日時: 2012-11-19 18:55:19
終了日時: 2012-11-26 19:00:03
回答条件: 1人5回まで

この質問のカテゴリ

ウェブ制作

この質問に含まれるキーワード

人気の質問