nicht angemeldet
Hallo, kann mir bitte jemand helfen?
ich verzweifle mal wieder an dem Himmelfahrtskommando, eine Website bis Netscape 4x abwärtskompatibel zu bauen. Es geht um meine Abschlußprüfung.
Das Problem stellt sich beim Kontaktformular: die Eingabefelder wollen partout keine in CSS definierte Schriftart/-größe annehmen. Außerdem wird rätselhafterweise die textarea mit viel zu vielen columns dargestellt (110 Zeichen breit, statt 61). Letztendlich fällt das ganze Layout dadurch auseinander.
Mein "Test"-Netscape ist 4.7.8 (MAC), auf allen anderen Browsern läuft es prima (d.h. Safari stellt auch 64 statt 61 Zeichen dar!? - was nicht weiter stören würde....)!
Was mach ich falsch, und gibt es überhaupt eine Möglichkeit, Netscape zum Anwenden von CSS in Eingabefeldern zu bewegen?
Hier der fragliche Code (ein paar Tabellenteile hab ich weggelassen, markiert durch ..... ):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>...whatever....</title>
<link href="level1.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor="#FFFFCC" link="#FFFFCC" vlink="#FFFFCC" alink="#FFFFFF">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#FFFFCC">
<table width="760" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCFF99">
<tr>
<td width="216"><img src="pics/netz.jpg" alt="unser Angebot" name="Netz" width="216" height="550" border="0" usemap="#imagemap" id="Netz"/></td>
<td width="431">
<table border="0" cellspacing="0" cellpadding="0">
......
<tr>
<td colspan="2" width="407" bgcolor="#FFFFCC" class="smalltext">
irgendwelcher Text.....
<form method="post" action="../cgi-bin/kontakt.pl">
<table border="0" cellspacing="0" cellpadding="1">
<tr>
<td colspan="4" height="4"></td>
</tr>
<tr>
<td colspan="3" class="smalltext">Ihr Name/Kontaktperson </td>
<td width="227">
<input name="name" type="text" class="smalltext" id="name" size="35" maxlength="50" />
</td>
</tr>
<tr>
<td colspan="3" class="smalltext">Name/Art des Unternehmens </td>
<td>
<input name="firma" type="text" class="smalltext" id="firma" size="35" maxlength="70" />
</td>
</tr>
<tr>
<td colspan="3" class="smalltext">Anschrift</td>
<td>
<input name="anschrift" type="text" class="smalltext" id="anschrift" size="35"
maxlength="70" /></td>
</tr>
<tr>
<td width="30" class="smalltext">PLZ</td>
<td width="95">
<input name="plz" type="text" class="smalltext" id="plz" size="7" maxlength="9" />
</td>
<td width="39" class="smalltext">Ort</td>
<td>
<input name="ort" type="text" class="smalltext" id="ort" size="35" maxlength="50" />
</td>
</tr>
<tr>
<td class="smalltext">Tel.</td>
<td>
<input name="tel" type="text" class="smalltext" id="tel" size="12" maxlength="20" />
</td>
<td class="smalltext">Email</td>
<td>
<input name="email" type="text" class="smalltext" id="email" size="35" maxlength="40" />
</td>
</tr>
<tr>
<td colspan="4" class="smalltext">
Bitte beschreiben Sie kurz die Anforderungen an Ihre Website:</td>
</tr>
<tr>
<td colspan="4"><textarea name="textarea" cols="30" rows="4" wrap="virtual" class="smalltext"></textarea>
</td>
</tr>
<tr>
<td height="21" colspan="4" class="smalltext">
Bitte kontaktieren Sie mich per Email
<input name="viaemail" type="checkbox" id="viaemail" value="Email " />
Post
<input name="perpost" type="checkbox" id="perpost" value="Post " />
Telefon
<input name="telefonisch" type="checkbox" id="telefonisch" value="Telefon" />
<input name="Submit" type="submit" class="smalltext" id="Submit" value="Absenden" /></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</td>
</tr>
.......
</table></td>
<td width="113"><img src="pics/spinne.jpg" alt="" name="Spinne" width="113" height="550" border="0" usemap="#emailmap" id="Spinne" /></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Der CSS-Style "smalltext" sieht so aus:
.smalltext {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
color: #000000;
text-decoration: none;
}
und wird überall einwandfrei angezeigt, nur in den Eingabefeldern nicht!
Vielen Dank, falls jemand ne Idee haben sollte!
Gruß, sol
Gunnar Bittersmann
MudGuard