Hallo Netsi-Ritter aus allen Ecken der (SELF-)Welt!
Zeit für den zweiten Artikel unserer (hoffentlich) geliebten Serie "Die programmiertechnische Fehlgeburt". Nach den Serien "Spaß der Woche" und "Das <g> zum Wochenende" könnte es sein, wenn der Betreiber dieses Forums nichts dagegen hat, dass dies die nächste Erfolgsserie dieses Forums wird.
Aber abgesehen davon, ob diese Serie ein Erfolg wird oder nicht... unbestreitbar ist, dass sie wachsen wird, vermutlich sogar ins Unendliche, denn schließlich haben wir es mit ...na?... Ja! -----> der programmiertechnischen Fehlgeburt zu tun!
So, genug der Einleitung und nun zu unserer Geschichte!
Was unterscheidet diese beiden Netscape-Screenshots einer (Ihnen hoffentlich bekannten - Stichwort: Words2Links) Tabelle?
Screenshot1:
<img src="http://www.atomic-eggs.com/temp/fehlgeb_1.gif" alt="">
Screenshot2:
<img src="http://www.atomic-eggs.com/temp/fehlgeb_2.gif" alt="">
Das erste Bild/die erste Tabelle ist breiter... - richtig! und noch?
Weil das Textfeld breiter ist... - bingo! und was fällt noch auf?
Hmmmmh. Die Zeile "Wörter als URL ausgeben" ist oben Arial schwarz und unten Courier New blau... - superbingo: Sie sind ein aufmerksamer Beobachter! aber warum bloß?
Haha, ganz einfach: Oben ist Arial als Schriftart definiert und unten Courier New!!! - 6! Setzen! Hier der Code zu beiden Screenshots (für beide Tabellen gilt zusätzlich zu den Zellen- oder Input-Tag-spezifischen Angaben als CSS-Datei: <link rel="stylesheet" type="text/css" href="sselfhtm.css"> - view-source:http://www.atomic-eggs.com/selfspezial/sselfhtm.css):
FEHLGEB_1:
<form method="POST" action="/cgi-bin/words2links.cgi" target="_blank">
<table bgcolor="#EEEEEE" cellpadding="5" cellspacing="0" border="0" style="border-width:1pt;border-style:solid;border-color:#c0c0C0;" width="580">
<tr>
<td colspan="2">Geben Sie hier Ihren Text ein (die Ausgabe erfolgt in einem neuen Fenster):</td>
</tr>
<tr>
<td colspan="2"><textarea name="text" rows="7" cols="45" style="width:580px; font-family:Courier New,Courier; font-size:10pt; color:#0000C0">Alles Links oder was?</textarea><br>
<span style="background-color:rgb(238,238,237);"><input type="checkbox" name="asurl">Wörter als URL ausgeben?</span></td>
</tr>
<tr>
<td><span style="background-color:rgb(238,238,237);"><input style="background-color:rgb(238,238,237);" type="checkbox" name="tlds" value=".de">.DE</span><br>
<span style="background-color:rgb(238,238,237);"><input type="checkbox" name="tlds" value=".com">.COM</span><br>
<span style="background-color:rgb(238,238,237);"><input type="checkbox" name="tlds" value=".net">.NET</span><br>
<span style="background-color:rgb(238,238,237);"><input type="checkbox" name="tlds" value=".org">.ORG</span><br></td>
<td><span style="background-color:rgb(238,238,237);"><input style="background-color:rgb(238,238,237);" type="checkbox" name="tlds" value=".de">.DE</span><br>
<span style="background-color:rgb(238,238,237);"><input type="checkbox" name="tlds" value=".com">.COM</span><br>
<span style="background-color:rgb(238,238,237);"><input type="checkbox" name="tlds" value=".net">.NET</span><br>
<span style="background-color:rgb(238,238,237);"><input type="checkbox" name="tlds" value=".org">.ORG</span><br></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="Alles Links..."> <input type="reset" value="...liegen lassen!"></td>
</tr>
</table>
</form>
FEHLGEB_2:
<form method="POST" action="/cgi-bin/words2links.cgi" target="_blank">
<table bgcolor="#EEEEEE" cellpadding="5" cellspacing="0" border="0" style="border-width:1pt;border-style:solid;border-color:#c0c0C0;" width="580">
<tr>
<td colspan="2">Geben Sie hier Ihren Text ein (die Ausgabe erfolgt in einem neuen Fenster):</td>
</tr>
<tr>
<td colspan="2"><textarea name="text" rows="7" cols="40" style="width:580px; font-family:Courier New,Courier; font-size:10pt; color:#0000C0">Alles Links oder was?</textarea><br>
<span style="background-color:rgb(238,238,237);"><input type="checkbox" name="asurl">Wörter als URL ausgeben?</span></td>
</tr>
<tr>
<td><span style="background-color:rgb(238,238,237);"><input style="background-color:rgb(238,238,237);" type="checkbox" name="tlds" value=".de">.DE</span><br>
<span style="background-color:rgb(238,238,237);"><input type="checkbox" name="tlds" value=".com">.COM</span><br>
<span style="background-color:rgb(238,238,237);"><input type="checkbox" name="tlds" value=".net">.NET</span><br>
<span style="background-color:rgb(238,238,237);"><input type="checkbox" name="tlds" value=".org">.ORG</span><br></td>
<td><span style="background-color:rgb(238,238,237);"><input style="background-color:rgb(238,238,237);" type="checkbox" name="tlds" value=".de">.DE</span><br>
<span style="background-color:rgb(238,238,237);"><input type="checkbox" name="tlds" value=".com">.COM</span><br>
<span style="background-color:rgb(238,238,237);"><input type="checkbox" name="tlds" value=".net">.NET</span><br>
<span style="background-color:rgb(238,238,237);"><input type="checkbox" name="tlds" value=".org">.ORG</span><br></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="Alles Links..."> <input type="reset" value="...liegen lassen!"></td>
</tr>
</table>
</form>
Wo ist da Courier New definiert? Richtig! Nur im Textarea!
Hä? Ich sehe aber keinen Unterschied zwischen beiden Code-Schnipsel... - Brille aufsetzen! Der einzige Unterschied ist, dass für die erste Tabelle die Textfeldbreite mit cols="45" und für die zweite mit cols="40" definiert wurde.
Und das, liebe Netsifans, reicht aus, damit Netscape die CSS-Schriftformatierungen (Courier New blau) des textarea-Tages auf die gesamte Zelle überträgt!!!
Andererseits, wenn sie richtig beobachten können, werden Sie feststellen, dass er im zweiten Fall wenigstens Courier New im Textfeld darstellt, was er ja ansonsten nicht kann!
Mama.............. ich will nicht mehr ins programmiertechnische-Fehlgeburt-Unterricht!
Brauchst Du nicht mein Kind. Braucht bald kein Mensch mehr... denn:
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
<img src="http://www.atomic-eggs.com/selfspezial/atomicegg.gif" alt="Atomic Eggs - die humosophische Seite" style="cursor:hand;" onMouseUp="window.location.href='http://www.atomic-eggs.com/'" onmouseover="status='http://www.atomic-eggs.com/';return true;" onmouseout="status='';return true;">