CSS für textarea in Netscape
0 0 
Felix Riesterer
0 0 
MudGuard
0
CSS für textarea in Netscape
Gunnar BittersmannHallo, 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
-
Servus,
was ist denn das für eine Schule wo HTML Netscape4-kompatibel sein muss, aber Tabellen-Layout keinen Abzug gibt?
Gruss
Patrick--
sh:( fo:| ch:? rl:( br:> n4:( ie:% mo:) va:} de:> zu:) fl:| ss:| ls:[ js:|-
Hi,
was ist denn das für eine Schule wo HTML Netscape4-kompatibel sein muss, aber Tabellen-Layout keinen Abzug gibt?
Netscape4 nervt in der Tat. (Allerdings: gibt es denn verläßliche Quellen über aktuell verwendete Browsertypen, die selbiges wirklich überflüssig machen?)
Aber was soll an Tabellen-Layout schlecht sein? Wird immerhin auch in der aktuellen Dreamweaver-Version voll unterstützt und in der Dokumentation propagiert!Bin selbtsredend für Tips dankbar, wie es neuerdings sonst gemacht wird!
Schönen Gruß,
sol-
Hello out there!
Aber was soll an Tabellen-Layout schlecht sein? Wird immerhin auch in der aktuellen Dreamweaver-Version voll unterstützt und in der Dokumentation propagiert!
Die Dokumentation schlechter Software kann eben nur Schlechtes propagieren.
Bin selbtsredend für Tips dankbar, wie es neuerdings sonst gemacht wird!
Und das nicht erst „neuerdings“, sondern schon ein Jahrzehnt lang.
See ya up the road,
Gunnar--
„Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)-
Hi!
Aber was soll an Tabellen-Layout schlecht sein? Wird immerhin auch in der aktuellen Dreamweaver-Version voll unterstützt und in der Dokumentation propagiert!
Die Dokumentation schlechter Software kann eben nur Schlechtes propagieren.
Wenn Dreamweaver schlecht ist, muß es vermutlich auch etwas besseres geben.
Was wäre das z.B.?
MS Frontpage vielleicht? (sorry, nicht ganz ernst gemeint)Schönen Gruß,
sol-
Liebe(r) sol747,
Wenn Dreamweaver schlecht ist, muß es vermutlich auch etwas besseres geben.
Was wäre das z.B.?das wäre z.B. Handarbeit! Oder eine CMS-/Blog-Software, oder etwas anderes Serverseitiges. WYSIWYG bringt konzeptbedingt Probleme, die einer optimal erstellten Seite entgegenstehen.
Der Alptraumknüpfer macht's halt gleich richtig derbe, aber mit MS-Produkten kann man ihn noch weit übertreffen. :-/
Liebe Grüße aus Ellwangen,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
-
-
-
-
-
Liebe(r) sol747,
ich verzweifle mal wieder an dem Himmelfahrtskommando, eine Website bis Netscape 4x abwärtskompatibel zu bauen. Es geht um meine Abschlußprüfung.
das ist ja unfair! Dieser Browser ist doch kaum mehr im Netz anzutreffen! Diese Prüfer wollen nur ihre Prüfungsunterlagen nicht aktualisieren, da sie sich dann erst so richtig einarbeiten müssten! Mieses Pack!!! Oder gibt es einen anderen Grund für diese Aufgabenstellung?
Das Problem stellt sich beim Kontaktformular: die Eingabefelder wollen partout keine in CSS definierte Schriftart/-größe annehmen.
Wenn ich mir Deinen Code so anschaue, dann frage ich mich, warum Du da überhaupt CSS einsetzt, wenn es überall sonst nur so von Dinosaurier-Attributen und Layout-Tabellen wimmelt!? Meines Wissens musste man im Nescape 4.x auch erst Javascript aktiviert haben, um dann CSS über Javascript aktivieren zu können... Liegt es vielleicht daran?
Was mach ich falsch, und gibt es überhaupt eine Möglichkeit, Netscape zum Anwenden von CSS in Eingabefeldern zu bewegen?
Wenn es nicht an der Javascript-Einstellung liegt, dann vielleicht daran, dass Du kaum CSS einsetzt...?
<body bgcolor="#FFFFCC" link="#FFFFCC" vlink="#FFFFCC" alink="#FFFFFF">
Was soll der Krampf? Wenn Du CSS einsetzt, dann gehören alle diese Einstellungen in einer CSS-äquivalenten Form in Dein Stylesheet!
<table width="100%" border="0" cellpadding="0" cellspacing="0">
Layout-Tabellen widersprechen irgendwie dem Einsatz von CSS. Daher meine Frage von oben: Wozu willst Du CSS einsetzen?
<td align="center" bgcolor="#FFFFCC">
Aua!
<td colspan="2" width="407" bgcolor="#FFFFCC" class="smalltext">
Wozu diese CSS-Klasse? Deinem Code-Stil nach hätte ich da jetzt ein <font>-Element erwartet. So ist Dein Code nicht stilecht!
<td colspan="4"><textarea name="textarea" cols="30" rows="4" wrap="virtual" class="smalltext"></textarea>
Und wenn Du die Angaben zu cols und rows weglässt? Nimm Dir doch in Deinem CSS (wenn Du denn Dein CSS beibehalten willst) die <textarea> komplett vor! Lass die Attribute cols, rows und class weg, gib ihr eine id mit dem Wert "textarea" (damit die ID dem Namen entspricht) und gestalte die <textarea> komplett mit CSS!
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!Das könnte an Einschränkungen im besagten Netscape sein, ohne dass Du etwas dafür könntest. Aber gestalte nun die textarea mit CSS und prüfe, ob das irgendwelche Auswirkungen hat!
Liebe Grüße aus Ellwangen,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)-
Hi und danke für die Antwort!
Meines Wissens musste man im Nescape 4.x auch erst Javascript aktiviert haben, um dann CSS über Javascript aktivieren zu können... Liegt es vielleicht daran?
Nein, ist aktiviert.
Layout-Tabellen widersprechen irgendwie dem Einsatz von CSS. Daher meine Frage von oben: Wozu willst Du CSS einsetzen?
Zur Textformatierung. Sonst nichts. Text krieg ich anders nicht pixelgenau hin. Ansonsten seh' ich nicht recht das Problem von Layout-Tabellen.
<td colspan="4"><textarea name="textarea" cols="30" rows="4" wrap="virtual" class="smalltext"></textarea>
Und wenn Du die Angaben zu cols und rows weglässt? Nimm Dir doch in Deinem CSS (wenn Du denn Dein CSS beibehalten willst) die <textarea> komplett vor! Lass die Attribute cols, rows und class weg, gib ihr eine id mit dem Wert "textarea" (damit die ID dem Namen entspricht) und gestalte die <textarea> komplett mit CSS!
Vielen Dank für den Tip. Scheint grundsätzlich zu funktionieren. Im alten Netscape ist der Effekt jetzt genau umgekehrt, jetzt ist die textarea zu klein. Wenigstens fällt so das Layout nicht mehr auseinander.
.textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
color: #000000;
height: 50px;
width: 388px;
overflow: auto;
}
Fehlt noch was? Ich hatte es erst mit der zusätzlichen Angabe "type: static" versucht, macht aber keinen Unterschied.Schöne Gruße,
sol-
Liebe(r) sol747,
Lass die Attribute cols, rows und class weg, gib ihr eine id mit dem Wert "textarea" (damit die ID dem Namen entspricht)
.textarea {
also das mit der ID hast Du gemacht? Dein CSS ist aber für eine Klasse geschrieben. Nach meinem Verständnis müsste Deine Zeile so lauten:
#textarea { /* mit #xyz greift man auf Elemente der id="xyz" zu */ }Liebe Grüße aus Ellwangen,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)-
Hallo Felix,
also das mit der ID hast Du gemacht? Dein CSS ist aber für eine Klasse geschrieben. Nach meinem Verständnis müsste Deine Zeile so lauten:
#textarea {
/* mit #xyz greift man auf Elemente der id="xyz" zu */
}ja, erst hatte ich das als Klasse geschrieben und auch so aufgerufen. Wie Du vorschlägst, als ID, scheint es auch zu funktionieren (hab's grad nochmal geändert), und zwar exakt so wie als Klasse (im NS ist's immer noch zu klein) Der schlagende Unterschied zwischen ID und CLASS erschließt sich mir noch nicht so recht. Ich habe nur was über die Priorität gefunden. Die soll bei Klassen höher sein als bei ID's. Nun denn, gute Nacht! sol-
Hello out there!
Der schlagende Unterschied zwischen ID und CLASS erschließt sich mir noch nicht so recht.
Ich habe nur was über die Priorität gefunden. Die soll bei Klassen höher sein als bei ID's.
Soll sie nicht. Spezifität - Gewichtung der Selektoren
See ya up the road,
Gunnar--
„Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
-
-
-
-
Hi,
Und wenn Du die Angaben zu cols und rows weglässt?
Pflicht-Attribute (siehe #REQUIRED bei http://www.w3.org/TR/html4/interact/forms.html#edef-TEXTAREA) wegzulassen ist keine gute Idee.
Wenn ein kaum mehr eingesetzter nicht-CSS-fähiger Uralt-Browser damit Probleme hat, dann wirft man ihm halt kein CSS vor.
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
O o ostern ...
Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
-
ich verzweifle mal wieder an dem Himmelfahrtskommando, eine Website bis Netscape 4x abwärtskompatibel zu bauen. Es geht um meine Abschlußprüfung.
Dann "Gute Nacht, Internet". Wer heutzutage noch Netscape 4 als Prüfung berücksichtigen muß, beweist zwar einen heldenhaften Hang zum Masochismus, aber keinerlei praktische Fähigkeiten.
Und was deinen Code angeht: Die obige Aussage stimmt offenbar! Wurde von den anderen ja auch schon kritisiert.
Das Problem stellt sich beim Kontaktformular: die Eingabefelder wollen partout keine in CSS definierte Schriftart/-größe annehmen.
Faustregel 1: Halte Netscape 4 von CSS fern!
Faustregel 2: Halte Formularelemente in Netscape 4 von CSS fern!
NS 4 ist ein Stück Scheißsoftware, das bei zu intensiver Anwendung von CSS (also alles, was über die reine, simple Textformatierung mit Font, Farbe und Größe hinausgeht) absolut unerklärliche Verhaltensweisen bis hin zu Abstürzen zeigt.
Deshalb: Formatiere niemals Formularelemente im Netscape 4. Tu es nicht! Oder du bist des Todes!
Vielleicht nicht mit der allerletzten Version 4.7.irgendwas. Aber ganz bestimmt mit Version 4.0 (und das ist ja auch noch ein "Netscape 4" im Sinne der Prüfungsrichtlinien).
-
habe d'ehre Daywalker
ich verzweifle mal wieder an dem Himmelfahrtskommando, eine Website bis Netscape 4x abwärtskompatibel zu bauen. Es geht um meine Abschlußprüfung.
Dann "Gute Nacht, Internet". Wer heutzutage noch Netscape 4 als Prüfung berücksichtigen muß, beweist zwar einen heldenhaften Hang zum Masochismus, aber keinerlei praktische Fähigkeiten.
Hmhh, meine Denkweise geht in eine andere Richtung. Vielleicht ist es ja Teil der Prüfung, die CSS-Datei mittels *import* vor dem NC4 zu verbergen. (wie Du auch mit Deinen "Faustregeln" andeutest)
Ich würde das eiskalt durchziehen und mir dann die Argumentation des Prüfers anhören und diese dann wegargumentieren, vor allem wenn er was von "Ziel nicht erreicht" faseln würde.
man liest sich
Wilhelm-
Ich würde das eiskalt durchziehen und mir dann die Argumentation des Prüfers anhören und diese dann wegargumentieren, vor allem wenn er was von "Ziel nicht erreicht" faseln würde.
Der Plan gefällt mir. :)
Man gut, dass wir von derartigen künstlichen Prüfungen verschont bleiben und uns nur realen Anforderungen zu stellen haben.
-
-