ナビゲーションボタンの設定

Question

jqueryツールのスクロール可能なプラグインとナビゲーションボタン用のNavigatorプラグインを使用しています。

すべてがうまく機能しているのは単なる位置決めの問題です。私は、彼らがダイナミックに成長する権利ので、フローティングアンカーを持っている必要があり、設計にインクルードは、右端に整列し、成長している

.navi { 
    width: auto; 
    height:13px; 
    position: absolute; 
    right: 35px; 
    top: 10px; 
} 

.navi a { 
    width:8px; 
    height:8px; 
    float:right; 
    margin:3px; 
    background: url(../img/navigator.png) 0 0 no-repeat; 
    display:block; 
    font-size:1px; 
    cursor: pointer; 
} 

：

は今、私は私たちに、ナビゲーションボタンの絶対位置を持っています左に出す。

この問題は、プラグインがアンカーを最初の一番右に作成することになります。私は最初のアンカーを左側にして右に反復する必要があります。

現在のhtmlは彼らが右浮動とこの

<div class="navi"> 
    <a></a> 
    <a></a> 
    <a class="active"></a> 
</div> 

のように見えます。

私は彼らが右のフロートが、このようにレンダリングする必要が

：

<div class="navi"> 
    <a class="active"></a> 
    <a></a> 
    <a></a> 
</div> 

私はこれだけでCSSの問題でこのプラグインをJquery Tools Navigator

Answer 1

デフォルトの機能float:right;は、最初の要素を右端に表示し、次の要素を右から左に並べることです。それらを左から右に表示するには、float: left;を使用する必要があります。左浮動があなたのために働いていない場合は、画像の順序を並べ替える必要があります。

Answer 2

を使用しています - jqueryのとは何の関係もあり、確かではありませんC＃ 'float'タグ！

「navigator.png」は20x20pxなので、.naviのブロック要素を使用してサイズを設定する必要があります。その場合、float：leftを.navi aに置き、.navi width：autoを指定されたサイズに変更する必要があります（3 a tags = 3 x（8 + 6）= 42 - これは幅+余白です） 。これにより、タグにテキストを入力することができます。このテキストは、.naviを使ってtext-indent：-9999pxで非表示にすることができます。

代わりに、いくつかのパディングを使用してちょっとハックするだけです。個人的には、最初の解決方法を使用します。 CSSコードを明確にする必要がある場合はお知らせください。