Home › Forums › CSS › Switching image and text locations in a table header › Re: Switching image and text locations in a table header
April 29, 2011 at 1:15 pm
#48744
JoshMember
That might be easy. If I’m reading this right all you should have to do is change your CSS to look something like this
table.spry th.sortable {
padding:5px 20px 5px 5px; text-align:left; color:#FFFFFF;
background: #8F001C url(../SpryAssets/bg.gif) center right no-repeat;
}
table.spry th.ascending {
padding:5px 20px 5px 5px; text-align:left; color:#FFFFFF;
background: #8F001C url(../SpryAssets/SpryMenuBarUpHover.gif) center right no-repeat;
}
table.spry th.descending {
padding:5px 20px 5px 5px; text-align:left; color:#FFFFFF;
background: #8F001C url(../SpryAssets/SpryMenuBarDownHover.gif) center right no-repeat;
}
That looks about right. Try it out and tell me what you get. You might need to adjust padding and what not to what you like.
