Tabelle oder div

Hilfetexte für Benutzer <<    ^ CMS Modul: MPForm (Modul-Homepage) ^    >> Private Funktionen

MPForm-Dokumentation: Tabelle oder nicht?

Schwierigkeitsgrad B 

Das Standardlayout für ein Formular ist ein Tabellenlayout. Ich finde es aber manchmal praktisch, statt dessen ein tebellenloses Layout zu verwenden. Das hat zum Beispiel den Vorteil, dass bei kleineren Browserfenstern statt einen waagerechten Scrollbalken anzuzeigen die Antworten einfach unter die Fragen rutschen, was ergonomisch als angenehmer empfunden wird.

Auf Grund unzureichender Trennung von Code und Inhalt erlauben die Module Form und FormX nicht, ohne Tabellenlayout zu arbeiten (zumindest nicht, wenn Sie Captchas verwenden). Dieses Problem wurde in MPForm behoben, und daher müssen Sie nicht bei der Tabelle bleiben. Ersetzen Sie den Code in den Layout-Einstellungen einfach durch etwas anderes.

Ein einfaches Beispiel für die Umstellung der Optionen auf tabellenloses Layout wäre:

Kopfzeile:

bleibt leer

Feld Schleife:

<div class="questionbox">{TITLE}{REQUIRED}:</div>
<div class="answerbox">{FIELD}<br />{HELPTXT}</div>
<div class="newline">&nbsp;</div>

Fußzeile:

<div class="submitbox">
<input type="submit" name="submit" value="Submit Form" />
</div>

Die angegebenen Klassen sind bereits in der Datei frontend.css enthalten. Sie könnten jedoch noch etwas Feinschliff gebrauchen.

Beachten Sie, dass der Platzhalter {HELP} nur in Tabellen funktioniert. Falls Sie ein anderes Layout verwenden möchten, müssen Sie also {HELPTXT} verwenden!