Drupal Views Ajax Pager Styling Guide

I am using th开发者_Python百科e Ajax pager for views with multiple rows, however the pager looks nasty and whenever a navigation button is clicked the loading animation jumps to the right hand side of the block.

Is there a guide anywhere that outlines how to style the elements of the pager and how to change the animation?

Since you are using Firebug, select any of the pager links in it and either add views-throbbing if the <a> element already has a class -OR- right click on the element and add a new attribute: class = "views-throbbing"

This will all you to have that on and see why the element jumps, without the View doing anything.

I suspect it is a rogue float somewhere in the stylesheet.

When the .views-throbber is slipped into the classes in Drupal 6 it calls these default styles from the

html.js a.views-throbbing,
html.js span.views-throbbing {
  background:url(../images/status-active.gif) no-repeat right center;
  padding-right:18px;
}

You can override either of these and incase you just want the jumping to stop you can set padding-right:0;