I couldnt be borheted trying to figure out why and decided to implement jquery to do this.
Still using the interakt CSS here is the steps.
1. Call the jquery base file
2. Call the jquery file that stores the script ( So you can reuse the script without having to add it to every page)
2. Add the class "stripeMe" to every table that needs the behaviour.
The code is simple enough
Code: Select all
$(function() {
$(".stripeMe tr").mouseover(function(){$(this).addClass("row_highlight");}).mouseout(function()
{$(this).removeClass("row_highlight");});
$(".stripeMe tr:even").addClass("row_even");
$(".stripeMe tr:odd").addClass("row_odd");
});