nicht angemeldet
Hallo Netsi-Ritter aus allen Ecken der (SELF-)Welt!
Ich bin mir des *bio*logischen Drachenfeuers sicher, wenn ich diesen Artikel schreibe, aber was soll's... Nachdem ich den gestrigen Abend dazu verbracht habe, dass eine einzige Radiobox grau unterlegt ist, muss das heute einfach raus!
Die Vorgeschichte:
Als ich gestern nach Hause kam fand ich von einem unserer Forumer eine E-Mail, in welcher er mich aufmerksam machte, dass bei der neuen SELF-Visitenkarten-Suche (http://www.atomic-eggs.com/cgi-bin/suche.pl) die Radioboxen in einem weissen Viereck erscheinen, wenn man die Suche mit Netscape aufruft (Klammer auf für weniger HTML-Erfahrene: Netscape unterlegt die Radio- und Checkboxen immer in der im <BODY>-Tag definierten Farbe. Um eine andere Farbe, zum Beispiel die einer andersfarbigen Tabelle zu erreichen, benötigt man eine style-Angabe wie <input type="radio" style="background-color:#EEEEEE;"> - Klammer zu):
<img src="http://atomic-eggs.com/temp/redbody.gif" alt="">
Ich Es-immer-eilig-habende hatte tatsächlich vergessen, die suche.pl auch mit Netscape zu testen, sonst wäre das mir selbst aufgefallen... Schließlich ist mir das Problem selbst bekannt, da Atomic Eggs und auch SELFSPEZIAL ja genug Formulare mit Radio- und Checkboxen anbieten!
Die Testphase:
Der Mail-Absender war ja auch noch so freundlich gewesen, mir eine HTML-Datei zu schicken, in welcher er die Style-Definition hinzugefügt hatte. Die Datei speicherte ich auf dem Desktop (meine Ablage für eilige Fälle) und öffnete sie mit Netscape: Wunderbar, alle Radioboxen waren grau unterlegt, keine weisse Kästchen mehr.
Also kopierte ich seine Style-Definition in die suche.pl, uploadete sie hoch, erntete zunächst einen INFERNAL SURFER HORROR (heisst echt so, echt -> http://www.atomic-eggs.com/500.html), weil ich beim Einfügen aus Versehen die Leerzeile hinter: print <<"EOT";
Content-Type: text/html
gelöscht hatte, aber dann - Oh Wunder! - alle Radioboxen waren grau unterlegt!!!
Alle? Nein! Die erste weigerte sich hartnäckig,
was anderes als weiss unterlegt zu sein! Klammerte ich die aus: <!-- <input......> -->, so dass die zweite Box nun als erste dargestellt werden sollte, war auch sie weiss unterlegt, und nahm den Style nicht
an - und so weiter und so fort. Fazit: die jeweils erste Box nahm den Style nicht an:
<img src="http://atomic-eggs.com/temp/erste.gif" alt="">
Aber es sollte noch dicker kommen! Kopierte ich nun den Quelltext der Ausgabe der suche.pl in Notepad, speichere ich ihn als HTML-Datei ab (wieder auf meinen Desktop) und rief diese mit Netscape auf, dann waren alle Katzen, ääh, Radioboxen wie durch ein Wunder grau!
Himmel noch mal und überleg! Der style-Angaben im Header sahen so aus:
<link rel="stylesheet" type="text/css" href="/selfspezial/sselfhtm.css">
<style type="text/css"><!--
.radio {background-color:#EEEEEE;color:#EEEEEE;}
--></style>
Der einzige Unterschied war ja, dass bei den auf dem Desktop abgelegten Testdateien (bei denen es ja richtig funktionierte), die <link rel="stylesheet" type="text/css" href="/selfspezial/sselfhtm.css">-Zeile natürlich wirkungslos war. Also rüber mit den Testdateien ins Verzeichnis /selfspezial/, über den lokalen Webserver aufrufen und siehe da: gleiches Ergebnis wie bei der suche.pl online, die erste Radiobox war in einem weissen Kästchen!
Was stört sich die programmiertechnische Fehlgeburt an meine sselfhtm.css (view-source:http://www.atomic-eggs.com/selfspezial/sselfhtm.css), die ja nichts anderes ist als eine leicht veränderte wselfhtm.css, wie Ihr sie alle aus SELFHTML kennt?
Schließlich musste ich die erste Radiobox ein<span>nen, damit es funktioniert! Und so sieht es jetzt aus:
Header:
<link rel="stylesheet" type="text/css" href="/selfspezial/sselfhtm.css">
<style type="text/css">
<!--
.programmiertechnischeFehlgeburt {background-color:#EEEEEE;color:#EEEEEE;}
-->
</style>
HTML-Code:
<span class="programmiertechnischeFehlgeburt"><input type="radio" class="programmiertechnischeFehlgeburt" name="where" value="name" checked></span>Nach <b>Vor- und Nachnamen</b> suchen<br>
<input type="radio" class="programmiertechnischeFehlgeburt" name="where" value="mail" >Nach <b>E-Mail-Adresse</b> suchen<br>
<input type="radio" class="programmiertechnischeFehlgeburt" name="where" value="nick" >Nach <b>Nickname</b> suchen<br>
<input type="radio" class="programmiertechnischeFehlgeburt" name="where" value="wort" >Nach <b>Wohnort</b> suchen<br>
<input type="radio" class="programmiertechnischeFehlgeburt" name="where" value="ngro" >Nach <b>nächster Großstadt</b> suchen<br>
<input type="radio" class="programmiertechnischeFehlgeburt" name="where" value="bhla" >Nach <b>Bundes-/Herkunftsland</b> suchen<br>
Und so klappt's endlich mit Net.., ääh, der programmiertechnischen Fehlgeburt: http://www.atomic-eggs.com/cgi-bin/suche.pl!
Epilog:
Fehlgeburten leben leider nicht lange... Und Mozilla ist bislang nur eine schwere Geburt...
Bis danndann
PAF (patrickausfrankfurt)
<img src="/selfaktuell/extras/selfcomm.jpg" alt=""> http://www.atomic-eggs.com/selfspezial/guests/advguest.cgi?view
P.S.: Der Absender der Mail freut sich, dass er mich dazu gebracht hat, mich 3 Stunden mit der programmiertechnischen Fehlgeburt zu befassen! Heute kann ich darüber lachen.... ;-)