ページャサムネイルを左揃えではなくJquery Cycleに配置する方法はありますか？（jsFiddle）

私はJquery Cycleにページャーを追加しました。私はページャサムネイルを中心にしたいと思います（私は本当にサムネイルとしてページャ番号を参照するだけで本当のサムネイルを使用していません）。ページャサムネイルを左揃えではなくJquery Cycleに配置する方法はありますか？（jsFiddle）

私は7枚のスライドを持っているので、私はpager1、pager2などが好きです。 pager7を介して、左に揃えて配置するのではなく、中央に配置します。

私のCSSにはわかりませんが、私は自分の.cssに行って、text-align：centerを試しましたが、何もしませんでした。

.pager a { border: 1px solid #dde4ec; background: #465c71; text-decoration: none; margin: 0 5px; padding: 3px 5px; } 
.pager a.activeSlide { background: #dde4ec; } 
.pager a:focus { outline: none; 
-moz-box-shadow: 5px 5px 2px #fff; 
-webkit-box-shadow: 5px 5px 2px #fff; 
box-shadow: 5px 5px 2px #fff;}

JSFiddle（PIのおかげで）次の場所にあります：私は現在、私のCSSでこれを持ってhttp://jsfiddle.net/jasonpaulweber/SjXVc/

任意の提案をいただければ幸いです！ここで

出典

2012-02-15 Jason Weber

あなたはデモを投稿することができます？ http://jsfiddle.net – PiTheNumber

はいPI ...私は今これをやっています。そこにJquery Cycle All.jsを含めるにはどうすればいいですか？全体を貼り付けるだけですか？ –

左側の「リソースの追加」を見て、ここにファイルを追加できます。または貼り付けるだけです。 – PiTheNumber

：http://jsfiddle.net/NpUxP/

display: inline-blockだけではなくblockとあなたはまた、自動余裕でそれを行うことができます.pager a

出典

2012-02-15 10:55:58 welldan97

これはIE7ではうまくいきません！解決策は、IE7用の条件付きCSSを 'display：inline'で追加することです。 – jackJoe

Welldan、あなたのソリューションは完璧でした！それは私が望んでいたものを正確に達成しました！応答する時間をとってくれてありがとう、そして自分のフィドルを見せてもらってください。 IE7までは、ヘッドアップ、Jackjoeに感謝します...しかし、私はそれらの古いブラウザについて心配していません。しかし、私はそれを確認します。 Welldan、すばらしい答え！私はあなたのjs/cssの知識の1％を持っていたらいい！ –

のための無float：

body { 
    text-align: center; 
} 

.pager { 
    margin: 0px auto; 
    width: 220px; 
}

http://jsfiddle.net/SjXVc/1/

出典

2012-02-15 11:05:41 PiTheNumber

入力PIをありがとう、jsfiddleで私を助ける時間を割いてください！私はあなたの思考過程を理解しており、それは理にかなっています - あなたは本当に私がCSSを理解するのを助けています。私は本当にあなたの助けに感謝します！ –

ページャサムネイルを左揃えではなくJquery Cycleに配置する方法はありますか？ （jsFiddle）

答えて

関連する問題

ページャサムネイルを左揃えではなくJquery Cycleに配置する方法はありますか？（jsFiddle）