SeaMonkey ist ja die Mozilla-Komplett-Suite, bestehend aus Webbrowser, E-Mail-Client, HTML-Editor, Adressbuch und Chat. Ich selbst bin kein großer Fan von SeaMonkey; ich finde die Zusammenstellung von Firefox als Browser und Thunderbird als E-Mail-Programm (mit Kontaktverwaltung und Kalender) wesentlich besser. Und der HTML-Editor in SeaMonkey ist eh Schrott und für meine seltenen Chats benutze ich Pidgin, den Multi-Messenger.

Ich nehme aber die Browser-Komponente von SeaMonkey neben einer ganzen Reihe weiterer Browser ganz gern zum Testen, denn die Webseiten, die man erstellt, sollen ja möglichst in allen Browsern gleich aussehen.

Und dabei habe ich jetzt eine Eigentümlichkeit von SeaMonkey entdeckt: Er weigert sich, die HTML-Tags code und pre mit den Angaben zu formatieren, die ich in der CSS-Datei angegeben habe – oder überhaupt den in diese Tags eingeschlossenen Text anders zu formatieren als den »normalen« Text – üblich ist ja eine nichtproportionale Schrift (monospace).

Wenn man aber folgendermaßen verschachtelt, dann geht es:

<pre><code>
   …
</code></pre>

Seltsam, aber nicht schlecht, denn diese Verschachtelung hat in allen Browsern den Vorteil, dass Einrückungen des originalen Textes erhalten bleiben, wie man oben sehen kann. Pre oder code allein stellen die Einrückungen oft falsch dar.

Hut ab vor kompetenter Konkurrenz, von der man noch was lernen kann. Nie würde ich mich über sie beklagen. Was mich hingegen aufregt, sind Konkurrenten, die ihr Handwerk nicht verstehen.

Es ist schon unfassbar, wer so alles Webdesign quasi »nebenher« anbietet, ohne dafür eine Ausbildung zu haben oder sich wenigstens das nötige Wissen selbst anzueignen mittels aktueller Fachliteratur. Natürlich sieht manches Zusammengefrickelte schön aus. Aber wenn dann Links nicht funktionieren, ist es doch sicherlich für den Kunden, der mög­licher­weise viel Geld bezahlt hat, ärgerlich.

Heute bin ich auf so ein hübsch gestaltetes, aber funktionell mangelhaftes Machwerk gestoßen. Und die Krönung, als ich mir den Quelltext der Referenzen anschaute: Im Jahr 2011 setzen diese »Webdesigner« tatsächlich noch die so was von völlig veraltete Frame-Technik ein! Mit Microsoft Word als HTML-Editor.

Arme Suchmaschinen. Und arme Kunden!

Das CMS »SilverStripe« bietet zum Bearbeiten der Webseiten den WYSIWYG-Editor »TinyMCE« im Backend an. Ich persönlich bin zwar mehr ein Fan von CKEditor, aber gut, TinyMCE ist auch in Ordnung. Aber was mich total stört, ist die voreingestellte Schriftgröße von 62,5 %, die ich als zu klein empfinde. Ich will nicht mit der Nase bis an den Bildschirm ran.

62,5 % entsprechen 10 px – im Fall, dass im Browser eine Standardschriftgröße von 16 px eingestellt ist. Dies ist die Voreinstellung der meisten Webbrowser. Wie kann man diese Größe aber ändern?

Nun, sie lässt sich über eine CSS-Datei einstellen. Im Normalfall verfügt jedes Theme – zumindest wenn es eins der bei der Installation von SilverStripe mitgelieferten ist – über eine im Unterordner CSS liegende Datei editor.css, die man jetzt bearbeiten muss. Sie sollte folgenden Eintrag enthalten:

//This support file is used to style 
//the WYSIWYG editor in the CMS

@import "typography.css";

Mehr nicht. Darunter trägt man ein (im Beispiel wird eine Schriftgröße von 14 Pixeln gewünscht):

body.mceContentBody {
    min-height: 200px;
    font-size: 14px;
}

Nachdem man den Browser-Cache geleert hat, wird die Veränderung sichtbar.

Und nun noch eine Leseempfehlung: Interessanter Artikel auf toscho.de zu dem Irrsinn, Schriftgrößen in Prozent anzugeben.