Textboxen-Beispiele

 

1. Problemstellung

Bei der Neugestaltung der Chem-Page.de wollte ich die Papyrus-Dokumente an das Aussehen der Webseite anpassen. Das Template der Webseite bietet sehr schöne Textboxen, die ich in die Dokumente übernehmen wollte.

Die Grafik soll linksbündig und vertikalzentriert bleiben, egal wie viel Text sich rechts neben der Grafik befindet. Also ran ans Werk und ein Textobjekt mit Rahmen erstellt, Grafik und Text eingefügt, aber da gab es schon ein Problem.

Textobjekt mit Papyrus Autor

Das Icon ist nicht vertikalzentriert. Die Grafik besitzt in Textobjekt 1 folgende Eigenschaften:

Abb. 1 - Bildgröße Abb. 2 - Umfluss Abb. 3 - Verankerung

Ich habe verschiedene Möglichkeiten der Grafikobjekt-Eigenschaften durchgespielt, aber keine Lösung gefunden es mit einem Textobjekt zu realisieren.

 

2. Lösungsansatz

Da es mit einem Textobjekt nicht zu funktionieren scheint, nimmt man ... eine Tabelle!

 

2.1 Tabellen-Eigenschaften

Abb. 4 - Tabellen-Dialog

Rufen Sie den Dialog »Tabellen-Eigenschaften« auf, entweder per Maus über das Icon oder mit »Strg+Shift+T«.

Verwenden Sie die Einstellungen wie in Abb. 4 und klicken Sie auf »Anwenden«.

Die erstellte Tabelle sehen Sie unten. Sie füllt noch nicht die ganze Breite der Seite. Die Breite werden wir jetzt ändern.

Die Rohfassung der Tabelle

Führen Sie einen Rechtsklick in die linke Tabellenspalte (A1) aus. Wählen Sie in dem Kontextmenü »Tabellenfeld« aus. Übernehmen Sie die Einstellungen wie in Abb.5 und klicken Sie auf »Anwenden«.

Abb. 5 - Tabellenfeld-Eigenschaften

Linke Spalte ist nun auf eine Breite von 10% eingestellt.

Wiederholen Sie den Rechtsklick mit der rechten Tabellenspalte (A2). Wählen Sie wieder »Tabellenfeld« aus. Für die »Breite« verwenden Sie jetzt »vom Textbereich 90%«.

Die Tabelle füllt nun den kompletten Textbereich aus.

Linke Spalte 10%, rechte Spalte 90%.

Der Text in der linken Spalte ist linksbündig. Für ein Icon in der Spalte muss der Textabsatz zentriert werden. Klicken Sie in die linke Spalte mit einem Linksklick und zentrieren Sie den Absatz mittels »Absätze zentriert formatieren«, zweite Iconleiste im Hauptfenster (Standardkonfiguration vorausgesetzt!).

Absatzformatierung der linken Spalte wird zentriert.

 

2.2 Gestaltung der Tabelle

Führen Sie einen Rechtsklick auf die Tabelle aus und wählen Sie »Tabelle markieren«. Machen Sie nochmals einen Rechtsklick auf die markierte Tabelle und gehen Sie jetzt auf »Grafik → Füllmuster«. Wechseln Sie hier von »transparent« auf »mit Hintergrundfarbe« und klicken in der linken Auswahl der Dialogbox auf »Farbe«. Übernehmen Sie die Einstellungen von Abb. 6, wählen unten eine »Benutzerdefinierte Farbe« und klicken auf »Farbe definieren«.

Abb. 6 - Grafik-Eigenschaften - Farbe

Übernehmen Sie die Werte rechts unten aus Abb. 7, klicken auf »OK« und nun auf »Anwenden«.

Das Ergebnis zeigt die Tabelle unten.

Tabelle mit definierter Hintergrundfarbe.

Abb. 7 - Farbe definieren

Wechseln Sie nun in den »Grafikmodus«, 1. Iconleiste »Pfeil« oder »Alt+F2«. Der Cursor ist nun kein »Strich« mehr, sondern ein Mauspfeil.

Mit gedrückter Strg-Taste klicken Sie alle vertikalen Rahmen der Tabelle an. Verbleiben Sie auf dem letzten vertikalen Rahmen, führen einen Rechtsklick aus und wählen im Kontextmenü »Grafik → Linienstil«. Übernehmen Sie die Einstellungen aus Abb. 8, klicken auf »Anwenden« und anschließend auf »Abbrechen«.

Abb. 8 - Linienstil

Sieht schon ganz brauchbar aus.

Tabelle ohne vertikale Rahmen.

Jetzt geht es den horizontalen Linien an den Kragen. Mit gedrückter Strg-Taste klicken Sie alle horizontalen Rahmen der Tabelle an. Verbleiben Sie auf dem Letzten, führen einen Rechtsklick aus und wählen im Kontextmenü »Grafik → Linienstil«. Übernehmen Sie die Einstellungen aus Abb. 9, klicken auf »Anwenden« und anschließend auf »Abbrechen«.

Abb. 9 - Linienstil

Tabelle mit dicken Rahmen.

Wiederholen Sie die Auswahl der Linien, rufen das Kontextmenü auf und wählen jetzt »Grafik → Farbe«. Unter »Anwenden auf« darf nur »Linien« ausgewählt sein! Nehmen Sie nun eine andere benutzerdefinierte Farbe als die, die wir schon definiert haben. Übernehmen Sie die Einstellungen aus Abb. 10, klicken auf »OK«, »Anwenden« und »Abbrechen«. Mit »Alt+F1« verlassen Sie den »Grafikmodus« wieder.

Abb. 10 - Linienfarbe definieren

Tabelle mit farbigen Rahmen.

 

2.3 Icon einfügen

Die Icongröße spielt eigentlich nur eine untergeordnete Rolle. Gegebenenfalls muss die Spaltenbreite verändert werden. Ich verwende Icons mit der Größe von 30x30px bei 96dpi Auflösung. Platzieren Sie das Icon in der linken Spalte der Tabelle.

Icon in der linken Spalte platzieren.

Führen Sie einen Rechtsklick auf das Icon aus und wählen im Kontextmenü »Bildgröße«. Übernehmen Sie die Einstellungen aus Abb. 11.

Klicken Sie in der linken Auswahl der Dialogbox auf »Umfluss« und übernehmen die Einstellungen aus Abb. 12.

Wählen Sie nun in der linken Auswahl der Dialogbox »Anker« und übernehmen wieder die Einstellungen aus Abb. 13. Klicken Sie auf »Anwenden« und abschließend auf »Abbrechen«.

Abb. 11 - Bildgröße Abb. 12 - Umfluss Abb. 13 - Verankerung des Icons

Die Textbox ist nun fertig.

Die fertige Tabelle.

 

3. Beispiele

Mögliche Beispiele.

 

Download

 

Zum Seitenanfang