nicht angemeldet
Hallo Christian,
als eingefleischter Opera-User muß ich bislang eingestehen, daß es
wohl an Opera liegen mag - bislang konnte ich den Fehler nicht
eingrenzen können.
Unabhängig davon: URL-Parameter von background-image gehören in
Anführungszeichen:
background-image: ("nobg.gif");
Vielleicht kann man sie auch weglassen, keine Ahnung, sicherer ist es
aber allemal.
Als nächstes habe ich mal probiert margin und padding zu setzen, was
aber auch keine Besserung brachte.
Ich bin echt ratlos. Habe sogar mal den beiden Grafiken einen roten
respektive gelben Rand verpaßt, konnte dabei aber nur erkennen, daß
Opera das obere Viertel der Hintergrundgrafik nicht mehr herstellt,
wenn man das Feld nach unten hin verläßt, so wie er dieses Viertel
gar nicht erst anzeigt, wenn man seitlich ein Feld betritt. :(
Übrigens kannst Du mittels CSS auf mouseover verzichten: Stichwort
hover. Aber auch nur, wenn Du nur Hintergünde austauschen möchtest.
Anhang: Überarbeiteter Quelltext
Grüße aus Berlin
Masin
<html>
<head>
<!-- <script type="text/javascript" src="dhtml100.js"></script> -->
<style type="text/css">
<!--
td.std {
width: 100px;
height: 25px;
color: #F0F0F0;
font-size: 9pt;
padding:0;
margin:0;
background-image: url("nobg.gif");
background-repeat: repeat;
}
td.std:hover {
width: 100px;
height: 25px;
color: #F0F0F0;
font-size: 9pt;
padding:0;
margin:0;
background-image: url("bg.gif");
background-repeat: repeat;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html;charset=windows-1252">
</head>
<body>
<table style="border-style: none; border-spacing: 0px; border-collapse: collapse;">
<tr>
<td id="11" class="std">Text</td>
<td id="12" class="std">Text</td>
<td id="13" class="std">Text</td>
<td id="14" class="std">Text</td>
<td id="15" class="std">Text</td>
</tr>
<tr>
<td id="21" class="std">Text</td>
<td id="22" class="std">Text</td>
<td id="23" class="std">Text</td>
<td id="24" class="std">Text</td>
<td id="25" class="std">Text</td>
</tr>
<tr>
<td id="31" class="std">Text</td>
<td id="32" class="std">Text</td>
<td id="33" class="std">Text</td>
<td id="34" class="std">Text</td>
<td id="35" class="std">Text</td>
</tr>
</body>
</html>