ok a little more complicated version is not working
<div class="tick">
<table width="100%" cols="7" id="hostingtable">
<tr align="center">
<th width="22%">t</th>
<th width="13%">t</th>
<th width="13%">t</th>
<th width="13%">t</th>
<th width="13%">t</th>
<th width="13%">t</th>
<th width="13%">t</th>
</tr>
<tr align="center">
<td class="row red">t</td>
<td class="row blue"><a href="?exe=order&t=1">t</a></td>
<td class="row yellow"><a href="?exe=order&t=2">t</a></td>
<td class="row blue"><a href="?exe=order&t=3">t</a></td>
<td class="row yellow"><a href="?exe=order&t=4">t</a></td>
<td class="row blue"><a href="?exe=order&t=5">t</a></td>
<td class="row yellow"><a href="?exe=order&t=6">t</a></td>
</tr>
<tr align="center" class="odd">
<td class="row red">t</td>
<td class="row blue">t</td>
<td class="row yellow">t</td>
<td class="row blue">t</td>
<td class="row yellow">t</td>
<td class="row blue">t</td>
<td class="row yellow">t</td>
</tr>
</table>
</div>
css:
.row {
margin: 0px 0px 0px 0px;
border: 0px;
padding: 4px;
border: 1px dashed #a7b383;
color: #000;
width: auto;
background-color: #ecf2d8;
overflow: auto;
position: relative;
}
.odd .row {
background-color: #ecffe5;
}
.red {
background-color: #ffdfdf;
}
.yellow {
background-color: #fafadf;
}
.blue {
background-color: #dff8fa;
}
.odd .red {
background-color: #fff0f0;
}
.odd .yellow {
background-color: #ffffec;
}
.odd .blue {
background-color: #effeff;
}
.dblred {
background-color: #c00;
}
js:
$(document).ready(
function()
{
$(window).load(
function ()
{
$("td").hover(
function()
{
$(this).addClass("dblred");
},
function()
{
$(this).removeClass("dblred");
}
);
});
});
On Sep 19, 11:05 pm, MorningZ <[EMAIL PROTECTED]> wrote:
> it's not a bug, it's your code, as this works just fine
>
> http://paste.pocoo.org/show/85736/
