Paging layout corrupted

trashhead

I have a problem when displaying paging in the table.
All the numbers and first/prev/next/last buttons are all overlapping.

Here is a prnt screen:
http://frankyboy.se/test/paging.PNG

Looks same in both ie and chrome.

Running jquery 1.4.2 and jquery-ui-1.8.9 and jquery-ui-1.8.9.custom.css.
Also tried changing css according to this thread:
http://datatables.net/forums/comments.php?DiscussionID=126

But no luck.

Why are they overlapping ?

Thanks

allan

Have a look at the elements with Firebug (or Inspector) - the containers for the info and pagination controls are too wide (will be defined in the CSS) - hence why there are on two lines. Likewise you don't have any padding on the elements for the pagination controls - hence why they look squashed. Have a look at the styles applied on my demo tables to see what might be missing.

Allan

trashhead

Sorry, I am new to this whole jquery / themeroller.
I didnt think you had to add anything separately.

But as soon as I added this:
.paging_full_numbers .ui-button {
padding: 2px 6px;
margin: 0;
cursor: pointer;
* cursor: hand;
}
Everything looked much nicer.

Thank you.

DenLindy

Is this in the documentation? Did I miss it?

Thanks.

allan

It is in the demo JUI style sheet ( media/css/demo_table_jui.css in the download).

Allan