Formular (Style Sheet Formatierung)

Hier ein Formular mit Style Sheet Formatierung, welche nur im IE sichtbar ist. Meine Freigiebigkeit stößt hier an Grenzen und zwar möchte ich nicht, dass die die hier verwendeten Bilder auf anderen Seiten benutzt werden. Bitte macht euch selber welche, denn wenn alle die selben Bilder benutzen, wird es langweilig.

Da Netscape 4 (hat sowieso keiner mehr) die Style Sheets nicht richtig anzeigt, könnte man mit einem Javascript die Stylesheet Datei nur im IE Browser laden. Das Script im Headbereich sähe dann so aus:

<!-- javascript zur Umleitung auf Style Sheet Datei -->
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!--

if (document.all) {
document.write("<link rel='stylesheet' href='iestyle.css' type='text/css'>")
}
// -->
</SCRIPT>


Sie haben hier die Möglichkeit mit Hilfe des folgenden Formulars uns ein Feedback zu schicken.
Name, Vorname:
E-Mail-Adresse:
Wünschen Sie eine Antwort auf Ihr abgeschicktes Formular?
  Ja
Nein
Wie kamen Sie zu diesem Dokument?
Was wünschen Sie für Information? Online-Paß
Online-Publishing-Paß
Paint Shop Pro 5
Wie finden Sie diese Internetseite? bin begeistert
gut
in Ordnung
weniger gut
unbrauchbar
Verbesserungsvorschläge:

Formular:

Erklärung:
Die Stylesheets liegen in einer externen Stylesheetdatei namens iestyle.css und werden mit folgendem Script im Headbereich in diese Seite eingebunden.

<link href="iestyle.css" rel="stylesheet" type="text/css">


Hier eine Alternative:
Style Sheet Verknüpfung mittels Javascript, wenn die Style Sheet Datei nur im IE geladen werden soll. Im Netscape 4 werden die Effekte zwar nicht angezeigt, aber bestimmte border Einstellungen können zu unschönen Effekten im Netscape 4 führen. Der Browser ist allerdings mittlerweile ein Exot. Zu diesem Thema findet man auch etwas in meinem Javascript Tutorial. Optimal wäre hier eine Weiterleitung die Mozilla Versionen berücksichtigt. Aber wer unbedingt noch mit Netscape 4 unterwegs sein will, braucht sich auch nicht anzustellen, wenn nicht alles so perfekt aussieht, wie beispielsweise mit Firefox.


<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!--

if (document.all) {
document.write("<link rel='stylesheet' href='iestyle.css' type='text/css'>")
}
// -->
</SCRIPT>


Das Style Sheet für input verändert Buttons und Textfelder. Damit den Textfeldern ein anderes Style Sheet zugewiesen bekommen, wird dort die Unterklasse namens textfeld zugewiesen.
<input type="text" name="Name, Vorname" value="" size="40" maxlength="40" class="textfeld">
Hier kann man sich den Inhalt der Style Sheet Datei anschauen.

zurück nächste Seite