Hi,
während die Beispiele für MouseOver-Effekte http://aktuell.de.selfhtml.org/artikel/css/mouseover/ im IE funktionieren, habe ich Probleme damit, wenn sie sich auf Tabellenzeilen beziehen.
Im Firefox funktioniert es, im IE6/IE7 nicht:
die CSS Datei:
tr.head { font-weight: bolder; background-color: silver }
tr.odd { background-color: #eee }
tr.odd:link { color:black; background-color:#eee; }
tr.odd:visited { color:black; background-color:#eee; }
tr.odd:hover { color:white; background-color:black; }
tr.odd:active { color:white; background-color:black; }
tr.even { background-color: white }
tr.even:link { color:black; background-color:white; }
tr.even:visited { color:black; background-color:white; }
tr.even:hover { color:white; background-color:black; }
tr.even:active { color:white; background-color:black; }
Die Beispiel-html-Datei
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Micodat AJAX Generator">
<title>Test</title>
<link title="Bildschirm" href="test.css" rel="stylesheet" media="screen">
</head>
<body bgcolor="#ffffff">
<table width="554" border="1" cellspacing="2" cellpadding="0" height="170" id="tab1">
<tr height="20" class="head">
<td width="64" height="20">BENR</td>
<td width="66" height="20" class="head">FENR</td>
<td width="68" height="20">PSNR</td>
<td width="269" height="20">PSTXT</td>
<td width="61" height="20"></td>
</tr>
<tr height="20" class="even">
<td width="64" height="20"></td>
<td width="66" height="20"></td>
<td width="68" height="20"></td>
<td width="269" height="20"></td>
<td width="61" height="20"></td>
</tr>
<tr height="20" class="odd">
<td width="64" height="20"></td>
<td width="66" height="20"></td>
<td width="68" height="20"></td>
<td width="269" height="20"></td>
<td width="61" height="20"></td>
</tr>
<tr height="20" class="even">
<td width="64" height="20"></td>
<td width="66" height="20"></td>
<td width="68" height="20"></td>
<td width="269" height="20"></td>
<td width="61" height="20"></td>
</tr>
<tr height="20" class="odd">
<td width="64" height="20"></td>
<td width="66" height="20"></td>
<td width="68" height="20"></td>
<td width="269" height="20"></td>
<td width="61" height="20"></td>
</tr>
<tr height="20" class="even">
<td width="64" height="20"></td>
<td width="66" height="20"></td>
<td width="68" height="20"></td>
<td width="269" height="20"></td>
<td width="61" height="20"></td>
</tr>
<tr height="20" class="odd">
<td width="64" height="20"></td>
<td width="66" height="20"></td>
<td width="68" height="20"></td>
<td width="269" height="20"></td>
<td width="61" height="20"></td>
</tr>
</table>
</body>
</html>
Habe ich noch einen Fehler drin oder liegt es am IE?
Ciao
Frank