RapidWeaver (RW), mit dem diese Seiten hier gemacht sind, ist ja ein nettes Tool. Aber um ein richtig geiles Tool zu werden, brauchts, glaube ich, noch ein paar Iterationen bzw. Major Releases...
Aber man kann das ein oder andere Manko meist ganz gut umschiffen. Klar: Workarounds sind immer blöd und sollten so schnell wie möglich durch korrigierte oder neue Features abgelöst werden. Aber da haben wir auf Realmac Software wohl keinen sooo großen Einfluss.

Also helfen wir uns mit Workarounds – diesmal in Form von Snippets. Gut, dass sie dieses Türchen offengelassen haben!

Ich fand im entsprechenden Forum bei Realmac Software die Tage zwei schöne Snippets: das eine ermöglicht es, Bilder innerhalb von Text links- oder rechtsbündig zu setzen und das andere bietet eine Möglichkeit, Tabellen dort einzufügen, wo man sie gern hätte -- und per CSS zu stylen.

Der Scrennshot, den ihr hier links seht, ist bereits mit ersterem Snippet gemacht und hier seht ihr eine Tabelle:



Das Design einer Tabelle kann man dabei leicht ändern, indem man die CSS-Snippets in das CSS-Feld des Page Inspectors (Bereich Page Header) zieht. Das im Artikel verlinkte ZIP File enthält dabei 24 Designs, aber man kann leicht nachrüsten, indem man diese Website hier besucht, sich ein hübsches Design in der dortigen Tabelle aussucht (durch Klick auf den Namen in der ersten Spalte wird es auf die Tabelle angewendet, so kann man es previewen) und dann auf den Download-Link klickt. Im Browser erscheint nun der CSS Quelltext, den man per Copy & Paste in besagtes CSS-Feld in RW kopiert (siehe rechts, unten im Bild).
Natürlich kann man hier auch noch flugs ein paar manuelle Anpasungen vornehmen, wenn einem der Style nicht gleich 100%ig zusagt.

Wie das mit dem Links- oder Rechts-Ausrichten der Bilder funktioniert, erklärt der Artikel im Forum. Mich hat es völlig irritiert, wieso man den Snippet-Quellcode in die Alt-Text-Eingabezeile des Image Inspektors ziehen muss. Was hat ein Alt-Tag eines Bildes bitteschön mit der Ausrichtung des Bildes zu tun? Die Auflösung gibt ein Blick in den entstandenen Quellcode der Seite preis: jedes HTML tag kann ja auch ein "style" Attribut enthalten. Und das Snippet, was man auf das Alt-Tag-Eingabefeld zieht, beginnt mit einem Anführungszeichen (genauer: Schlusszeichen) voller Absicht: dadurch wird das Alt-Attribut im Image-Tag beendet und man befindet sich noch im Image-Tag. Jetzt beginnt ein Style-Attribut des Image-Tags und das enthält die Ausrichtungsinformation! Tricky!

Fazit: ja, etwas Grundkenntnisse in HTML und CSS schaden nie, wenn man seine Webseiten möglichst hübsch machen will.

Tags: Snippets, RapidWeaver