Arclab Webformular Generator - Bedienungsanleitung

Breite und Ausrichtung des Formulars auf einer Webseite  | Inhaltsverzeichnis

 

403  

Die Breite und Ausrichtung des Formulars auf einer Webseite kann auf zwei Arten festgelegt werden ...


Dynamische Breite

Das Formular passt sich der auf der Webseite zur Verfügung stehenden Breite selbst an. Dies ist vor allem bei Responsive Design wichtig.

Feste Breite

Das Formular hat eine unveränderliche Breite, die in Pixel oder Ems festgelegt ist.

Diese Vorgaben können wiederum auf zwei Arten festgelegt werden ...

 

 

402  

Festlegung in den Formulareinstellungen

 

Um die Breite und Ausrichtung im Programm bzw. dem Formular festzulegen, klicken Sie im oberen Menü auf Formularbreite, um den Dialog für die Einstellungen zu öffnen.

Hier kann zwischen der dynamischen Anpassung der Breite und einer fixen Vorgabe gewählt werden.

Bei einer dynamische Breite müssen Sie zusätzlich mit angeben, wieviel Platz dem Formular auf der finalen Webseite in etwa zur Verfügung stehen wird.

Dadurch entspricht die Darstellung im Programm möglichst der Darstellung auf der Webseite, was die Bearbeitung erleichtert.

 

 

 

 

... <body> ...
<div>
<Einfügecode für das Formular>
</div>
... </body> ...

 

 

Festlegung in der Webseite

 

Dieses Beispiel beschreibt, wie Sie den Quellcode der Webseite bearbeiten müssen, damit das Formular an der gewünschten Position mit den entsprechenden Abmessungen eingefügt wird.

Der grün markierte Absatz ist der Einfügecode für das Formular
... mehr Infos zu diesem Thema.

 

 

 

... <body> ...
<div style="width:800px;">
<Einfügecode für das Formular>
</div>
... </body> ...

 

 

Im gezeigten Beispiel soll das Formular innerhalb einer <div>-Anweisung eingefügt werden und die Breite des Formulars soll 800 Pixel betragen.

Fügen Sie deshalb innerhalb des <div>-Befehls die Anweisung style="width:800px;" ein. Analog gilt dies natürlich auch für Tabellen oder Zellen.

 

 

 

... <body> ...
<div style="width:800px; margin:0 auto;">
<Einfügecode für das Formular>
</div>
... </body> ...

 

 

 

Um das Formular auf der Webseite zu zentrieren, fügen Sie zusätzlich die folgenden Anweisung margin:0 auto; mit ein.

Nun wird das Formular mit einer Breite von 800 Pixel mittig auf der Wirtsseite angezeigt.

 

Öffnen Sie nun im Programm die Formulareinstellungen und stellen Sie hier die Formularbreite auf 100%, falls dies noch nicht der Fall sein sollte. Dann passt sich das Formular den Einstellungen der Wirtsseite an und nutzt die gesamte zur Verfügung stehende Breite in der Wirtsseite aus ... im beschriebenen Beispiel ergibt sich somit eine Formularbreite von 800 Pixel nach den Vorgaben der Wirtsseite.

 

233-2

 

Zusätzlich können Sie hier für den Entwurf die simulierte Breite (Maximalbreite) der Wirtsseite vorgeben. Diese Einstellung simuliert im Programm die Breite der Zielseite, in die das Formular eingefügt werden soll und sollte den Einstellungen in der Wirtsseite entsprechen.

 

 

<< zurück zum Inhaltsverzeichnis