Need some help for displaying sort images

jd-webdesign

Hi everyone,

I'm completely new in jquery but I think i will love it!!!

I work on a table, it works great but the sort images (arrows) doesn't appear.

Here's my css file for the moment :

[code]/* DataTables features */
.dataTables_filter {
width: 50%;
float: right;
text-align: right;
}

.dataTables_length {
width: 40%;
float: left;
}

.dataTables_info {
width: 50%;
float: left;
}

.dataTables_paginate {
float: right;
text-align: right;
}

/* DataTables display */
table.display {
padding: 5px 0 5px 0;
margin: 0 auto;
width: 100%;
clear: both;
}

table.display thead th {
/*padding: 3px 18px 3px 10px;*/
/*font-weight: bold;*/
cursor: pointer;
* cursor: hand;
}

/* Pagination */
.paging_full_numbers {
width: 400px;
height: 22px;
line-height: 22px;
}

.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active {
border: 1px solid #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 2px 5px;
margin: 0 3px;
cursor: pointer;
*cursor: hand;
}

.paging_full_numbers span.paginate_button {
background-color: #f2f2f2;
}

.paging_full_numbers span.paginate_button:hover {
background-color: #d9d9d9;
}

.paging_full_numbers span.paginate_active {
background-color: #d9d9d9;
}

/* DataTables sorting */
.sorting_asc {
background: url('table/images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
background: url('table/images/sort_desc.png') no-repeat center right;
}

.sorting {
background: url('table/images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
background: url('table/images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
background: url('table/images/sort_desc_disabled.png') no-repeat center right;
}[/code]

Of course I have at the root of my site a folder "table" with the images folder.

Something is missing but what ?

In advance thanks,

JD

allan

Where is the CSS being loaded from? Remember that the image paths in the CSS file and relative to where the CSS file is, not where the HTML that calls the CSS is. So if your CSS file is in "table/css/whatever.css" then the above isn't going to work. You would need something like "url('../images/sort_both.png');".

If that doesn't work - perhaps you can post a link?

Allan