Hi,
Du hast etwas entsprechendes für
input:active{}
definiert?
Nein. Überhaupt muss ich mich bei dir entschuldigen: Das Problem ist behoben (Habe ein padding zuviel definiert). Na wie dem auch sei. Noch etwas das mich wahnsinnig macht:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"><head>
<title>Button</title><meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
html, body { background-color: #C6E8D3; }
.button { background-color: #83CE9E;
border-top: 1px solid white;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid white;}
</style>
</head><body>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input type="submit" name="submit" value="Abschicken" class="button" /></td>
<td valign="top" style="background-image:url(1.gif);"><img src="4.gif" alt="" width="4" height="4" /></td>
</tr>
<tr>
<td valign="top" style="background-image:url(2.gif);"><img src="3.gif" alt="" width="4" height="4" /></td>
<td valign="top"><img src="5.gif" alt="" width="4" height="4" /></td>
</tr>
</table>
</body></html>
Ich versuche per Tabelle um einen Button einen Schatten aufzubauen (Technik ist ja allseits bekannt). Soweit so gut. Nur stellt Opera & Firefox das ganze Konstrukt nicht richtig (besser: anders) dar.
So solls sein (Ansicht IE):
So siehts im Opera & FF aus:
Laut W3C-Validator ist das Dokument valide.
So, entweder bin ich zu blöd um das Problem zu sehen, oder es ist tatsächlich ein Bug.
Danke euch!
eumil