Hi

I am trying to display my category items in a table cells, and it would be great if I can get the cells to change bgcolor on mouseover.

I my humble openion, a good menu system is the only missing thing for EE to be perfect

Shortly after my post, I found a thread that explain how to display category items in a table cells.

But I still have not figur out how to change cell color on mousover

Thanks

Changing color on mouseover is something you can do with CSS.  Modern browsers will allow you to specify a “hover” state for any element you want, which includes a table cell.  Unfortunately, IE6 isn’t one of these modern browsers.  To get it to work in IE6 you’ll probably have to resort to javascript.

Yet another reason to despise IE…

As Chris said, to make it work in IE6, you’d have to use JavaScript onmouseover’s/onmouseout’s for each cell.  Your function would then change the style.  Something like:

<script type=“text/javascript” language=“javascript1.2”>
// <![CDATA[
function hilite(id) {
document.getElementById(id).style.backgroundColor = ‘#3F0’;
}

function lolite(id) {
document.getElementById(id).style.backgroundColor = ‘#FFF’;
}
// ]]>
</script>

<table>
<tr>
<td id=“thing1” onmouseover=“hilite(‘thing1’)” onmouseout=“lolite(‘thing1’)”>Thing1</td>
<td id=“thing2” onmouseover=“hilite(‘thing2’)” onmouseout=“lolite(‘thing2’)”>Thing2</td>
<td id=“thing3” onmouseover=“hilite(‘thing3’)” onmouseout=“lolite(‘thing3’)”>Thing3</td>
<td id=“thing4” onmouseover=“hilite(‘thing4’)” onmouseout=“lolite(‘thing4’)”>Thing4</td>
</tr>
</table>

I’m sure there are other ways to approach this with JavaScript, but this was off the top of my head.

thank you very much, this is what I was looking for