Det er ikke muligt med CSS at lave den slags tricks. Du kan godt gøre det på feltet 5 hvis det var et link, men hvis du skal gå ud over det, bliver det med CSS-kode Internet Explorer ikke forstår et kuk af.
Et alternativ kunne være at bruge java script:
<script type="text/javascript">
var standardColors = new Array();
function changeColors() {
if (arguments.length % 3 == 0) {
for (i=0;i<arguments.length;i+=3) {
elmID = arguments[i];
elm = document.getElementById(elmID).style;
if (!standardColors[elmID]) {
standardColors[elmID] = [elm.color,elm.backgroundColor];
}
elm.color = arguments[i+1];
elm.backgroundColor = arguments[i+2];
}
}
}
function changeColorsToStandard() {
for (i=0;i<arguments.length;i++) {
elmID = arguments[i];
if (standardColors[elmID]) {
elm = document.getElementById(elmID).style;
elm.color = standardColors[elmID][0];
elm.backgroundColor = standardColors[elmID][1];
}
}
}
</script>
<body>
<div id="uge2" style="color:#000;backgroundColor:#fff">2</div>
<div id="dag5" style="color:#000;backgroundColor:#fff" onmouseover="changeColors('dag5','#f00','#00f','uge2','#00f','#f00');" onmouseout="changeColorsToStandard('dag5','uge2');">5</div>
</body>
Her er det godt nok vist med div's, men princippet er det samme med tabeller.
