Tipps und Tricks im Umgang mit NOF - Netobjects-Fusion

Zellenbreiten verschieben sich

Grundsätzlich sollte man Tabellen nicht mit “trial and error” strapazieren. Der Inhalt und die Gestaltung sollen von Anfang an klar sein.

Wenn man nur Bilder neben einander platzieren möchte, so zeichnet man man eine Tabelle mit der gewünschten Anzahl von Spalten. Mit dem Kästchen “Zeichenabstand”  in den Eigenschaften regelt man den Abstand zum Rand - an allen vier Kanten gleichmässig verteilt. Die Bilder, schon in genau der richtigen Größe, werde in die Zellen eingefügt.

Normalerweise, müsste die Tabelle mit den Bildern auch in der Vorschau richtig angezeigt werden.

Wenn jetzt unter den Bildern Texte eingefügt werden, verschieben sich oft die Zellenbreiten und lassen sich nicht mehr genau definieren. Dieser unerwünschte Effekt wird oft von Lauftexten ohne Umbruch bewirkt. Wenn dieses Problem entsteht, haben wir beim Neubau zwei Möglichkeiten:

• Jede Textzeile mit einem weichen Umbruch (Hochstelltaste + Returntaste) vor der Zellenbegrenzung einzeln abschliessen
• Den Textinhalt in eine selbständige Tabelle vorbereiten, diese Tabelle in die dafür vorgesehene Zelle einfügen.

Sollten sich auch beim Einfügen von Bildern die Spaltenbreiten verschieben, so hilft auch hier die Erstellung von neuen Tabellen, die nicht von anderen Faktoren beeinflusst werden.

Sollten dennoch sich die Spaltenbreiten nicht  fixieren lassen, so kann die Verwendung von Transparenten gifs helfen. Dafür wird von Anfang an eine Zeile in der Tabelle vorgesehen, in die transparente gifs in der richtigen Breite als Bild eingefügt wen.

In folgendes Tutorial unseres NOF-Forums wird die Verwendung von transparenten gifs in Tabellen mit Screenshots erläutert:

www.nof-schule.de/forum/t-tabellenspalten-und-zeilen-fixieren

Zellenhöhen verschieben sich

Es passiert immer wieder, dass nach der Publizierung im Internet Explorer alles richtig erscheint, aber auf dem Mozilla/Firefox große Abstände zwischen den Zeilen oder über den Überschriften erscheinen.

Auch das kann ein Zeichen dafür sein, dass man nicht sauber gearbeitet hat. Dazu gibt es folgende Hinweise:

• Texte niemals direkt aus MS-word einfügen. Entweder im Text-Editor arbeiten, oder Texte aus Word nur unformatiert einfügen (rechte Maustaste im NOF > speziell einfügen > unformatiert). Word-Formatierungen können den html-code korrumpieren und die Seite unwiderruflich beschädigen.
• Harten Umbruch meiden. Zeilenumbruch wo möglich immer mit weichem Umbruch (Hochstelltaste + Returntaste) vornehmen.
• HTags (Titel) verwenden, mit hartem Umbruch von den restlichen Textformatierungen trennen und wie wie folgt formatieren: Designansicht > Formatvorlagen > H1 > Absatz > Ränder und Einzüge > oben, unten, rechts, links auf null stellen, oder mit benutzerdefinierten Einstellungen ergänzen. Beispiel:

Sollte die Zeile eine bestimmte Mindesthöhe haben müssen, damit beispielsweise die Hintergrundgrafik exakt ausgerichtet wird, so kann man die Höhe mit einem transparenten gif fixieren. Dies verhindert, dass sich die Zelle aus Versehen zusammenschiebt.

Eine nützliche Ergänzung dazu lieferte eine nof-”Schülerin” (Danke, Kattepukkel):
 

Ich habe das jetzt mit den vier Nullen unten geändert, und dann klemmte der Text fürchterlich aufeinander.

Nun habe ich das so eingestellt:

Oben "Zeilenhöhe" den Wert der Schriftgröße eintragen - 30 px-> 30 px; 16 px -> 16 px; 48 px -> 48 px usw.

Dann habe ich, um schöne Abstände zu erzeugen, einfach bei allen Formatvorlagen den Wert 16 px bei "Abstand unten" eingegeben.

Nun ist das Schriftbild im Layout schön übersichtlich.

Das oben geschriebene gilt für (einzeilige) Überschriften.

Für mehrzeilige Text-Formatvorlagen sollte man den Wert der Zeilenhöhe um ca. 1/4 größer bemessen, als die Schriftgröße z.B. 16 px Schriftgröße -> 20 px Zeilenhöhe.

Sonst klemmen die Textzeilen unschön aufeinander...]

Grundsätzlich gilt: Zellen verbinden ist besser als Zellen teilen!

Fragen zu den NOF-Tutorials beantworten wir gerne in unserem Netobjects-Forum.