applying ui theme

Kuzmit4

Hi, all!
I'm newbie in css & js. I'm trying use dataTable, but can't apply jquery ui theme successfuly.
[code]

@import "media/css/demo_page.css";
@import "media/css/demo_table.css";


@import "media/redmond/jquery-ui-1.10.3.custom.css";



.fg-toolbar { font-size: 0.8em;
margin : 1px;
padding: 1px;}
}





$(document).ready( function () {
$('#table_id').dataTable(
{
"oSearch" : {"sSearch": ""},
"bJQueryUI": true,

"iDisplayLength": 5,
"bLengthChange": false,
"sPaginationType": "full_numbers",
"oLanguage": {"sSearch": "Фильтр:", "sPageFirst": "первый"}
} );
} );







First Name
Last Name
City

...
[/code]

after theme applying my pagination controls are stay on each other. i tried to use .fg-toolbar { font-size: 0.8em;, but it does not help

And the next question: how can i localize dataTable. I'm trying use "oLanguage": {"sSearch": "Фильтр:", "sPageFirst": "первый"}, but it works only for sSearch control. sPageFirst, sNextPage and etc. - does not work

Thx.

Kuzmit4

http://s61.radikal.ru/i173/1307/9e/1735b7839cd1.png - look at navigation controls

localization done http://datatables.net/plug-ins/i18n

Kuzmit4

http://datatables.net/plug-ins/i18n localization done

Kuzmit4

I have created public example http://kuzmit4.heliohost.org/dataTable_test/
I can not fix pagination controls, they are staying on each other. Can anybody help me?

Kuzmit4

i fixed it.
it was some issue into demo_page.css and demo_table_jui.css, i have changed it to jquery.dataTables_themeroller.css and jquery.dataTables.css - and now pagination controls are correct