2011-07-01 7 views
3

GridViewに表示されるポケットベル番号の間の距離を変更しようとしています。私はグリッドのスタイルを制御するためにCSSファイルを使用しています。GridViewでページ番号が大きすぎます

enter image description here

.gridViewPager td a 
{ 
color: white; 
text-decoration: none; 
text-align:justify right; 
} 

.gridViewPager td a:hover 
{ 
color: white; 
text-decoration: underline; 
text-align:justify right; 
} 
.gridViewPager span 
{ 
text-autospace:none; 
color: black; 
text-align:justify right; 
} 
+0

私はスクリーンショットを追加するでしょうが、サイトの制限のために私は追加することができません。 –

+0

質問を編集してくれてありがとう、私はそれを正しく得ることができなかった –

+0

私はスクリーンショットを追加しました –

答えて

0

おかげ問題は、列のサイズを変更することにより、私がすることができたように、それぞれの数は、GridViewのページャのフッターに配置されているテーブル内の別々のセルにあったということでしたそれらを互いに近づけてください。

.gridViewPager td 
{ 
    padding: 1px; 
    width:5%; 
} 
1

.gridViewPagerに以下を追加tdの:あなたが上部と下部、および要素のいずれかの側に5pxの上2PX与える

display: block; 
padding: 2px 5px; 

+0

ありがとう しかし、事は揺れません。おそらくあまりにも多くの不必要な定義を使用していますか? –

1

Grid内でCssClass = "gridViewPager"を呼び出すだけです。クラス定義は次のようになります。

  .gridViewPager tr.paging td { 
       background-color: #FFFFFF; 
        border-bottom: 0; 
        color: #000000; 
        font-size:13px; 
       padding:0 4px 0 0; 
       } 
     .gridViewPager tr.paging { 
       background-color: #FFFFFF; 
        border: 0; 
        color: #000000; 
        font-size: 12px; 
        padding:0; 
       } 
     .gridViewPager tr.paging td span { 
       color:#993366; 
      text-decoration:underline; 
       font-size:13px; 
       } 
     .gridViewPager tr.paging td a { 
      color:#000000; 
      text-decoration:none; 
       } 
     .gridViewPager tr.paging td a:hover { 
      color:#993366; 
      text-decoration:underline; 
       } 

結果を最初に確認し、必要に応じてパディングやその他のスタイルを調整します。このことができます

・ホープ..皆 へ

+0

ありがとうございます 私はそれを試みます –

1

これは、テーブルを使用し、テーブルの列に固定幅が設定されていない場合に発生します。 あなたの列は、すべての利用可能な領域を占有します。

tdとテーブルに最大幅を設定し、パディングを設定することができます:0 7px; on tdも同様です。

これは、セルが利用できるスペースを制限します。

関連する問題