darstellungsart eines Formulars

[mathysjp]

Salut zusammen
Ich habe ein ganz normales Formular gemacht.

Meine Felder:

Vorname
Nachname
Strasse
Nr
PLZ
Ort
Emailadresse

Das Problem ist, das dass Formular auch gerade so angezeigt wird wie ich das oben hingeschrieben habe.

Ich möchte aber:

Vorname Nachname
Strasse Nr
PLZ Ort
Emailadresse

Ich weiss das man das mit CSS machen muss. Mir fehlt aber leider immer noch der richtige Hinweis resp. die Vorgehensweise das zu machen.
Vielleicht merkt man es schon am schreiben an, ich habe noch nicht so viel Erfahrung mit Contao und Webdesign.
Ist das für einen Leihen irgendwie machbar?

Wer kann mich auf die richtige Spuur bringen?
Besten Dank.

Gruss
Jean-Pierre

[tblumrich]

Hi Jean-Pierre,

Guck dir mal folgendes an:
http://www.contao-community.de/showt...bels-dar%FCber

Sollte eigentlich helfen.

Gruß
Thomas

[mathysjp]

Salut
ich bin leider noch nicht weiter gekommen.
Ich habe wie beschrieben:

Hierzu werden im Formulargenerator Felder vom Typ "HTML" verwendet. Ein öffnendes Tag vor den Formularfeldern für die linke Spalte, ein schliessendes Tag danach. Ebenso für die rechte Spalte. Durch die Vergabe je einer Klasse können die Spalten nun einzeln formatiert und positioniert werden.

Angelegt wurden folgende Klassen:

<div class="form-left"> und <div class="form-right">.

die zwei klassen gemacht und im Formulargenerator eingefügt. Es ist aber immer noch alles untereinander.



Aber fehlt mir da nicht noch der CSS Teil?

[tblumrich]

Aber fehlt mir da nicht noch der CSS Teil?

Das fragst du uns?
CSS gehört dazu, klar. Dafür sind die Klassen ja da.

Gruß
Thomas

[ways2web]

versuch mal:

div.form-left{
float:left;
}

eventuell mit padding oder breite dazu

[mathysjp]

Verstehe ich das richtig das ich das in die vorhandene CSS Datei machen muss und dann mit
div.form-left oder div.form-right steuern kann auf welcher Seite die Elemente die zwischen den jeweiligen DIV's angezeigt werden?
Ich probiere es dann über den Mittag kurz aus.

Wo finde ich Informationen wie ich die verschiedenen Formularelemente von Contao per CSS steuern kann.
Als Beispiel die Länge eines Textflelds?

[Sebastian]

HI

Beispielsweise hier: http://www.css4you.de/width.html

Sebastian

[mathysjp]

Habe es mal ausprobiert und die Variante mit <div class="form-left"> und <div class="form-right"> zusammen mit CSS
div.form-left{float:left;} und div.form-right{float:right;} würde auch klappen.

Allerdings kommen dann andere Probleme wie das der Abstand zwischen Label und Eingabebox immer gleich ist und daher alles verschoben ist und weitere kleinigkeiten. Insgesammt muss ich für mich sagen das sich der Aufwand für mein Vorhaben nicht lohnt um zwei Felder neben einander zu haben. Ich lasse es bei der Tabellendarstellung oder mach einfach meine Emailadresse dorthin.

Trotzdem danke an all die die versucht haben zu helfen.

[ways2web]

Allerdings kommen dann andere Probleme wie das der Abstand zwischen Label und Eingabebox immer gleich ist und daher alles verschoben ist und weitere kleinigkeiten.

wenn du dem label nen display:inline gibst oder block... dann kannst du auch abstände verteilen.. bin grad noch bissel müde

das ist kein aufwand und dauert 5 sek. wenn du dann noch csspie nutzt kannst du sogar runde ecken im ie6 haben usw... oder transparenz in pngs für den ie6 haben usw

[Nina]

Lasst mal, anscheinend ist der Nutzer in CSS nicht so fit und hat auch keine Lust sich da tiefer einzugraben. So gesehen ist seine gewählte "Lösung" (Tabelle) vermutlich die wirklich schneller zielführende.

@Threadersteller: Wenn du das für eine professionelle Website brauchst, solltest du dir aber dringend ausführliche CSS-Kenntnisse anlernen. Sonst stößt du ständig an optische Grenzen des für dich Machbaren.

[mathysjp]

Hi.
Ja das Know how ist zu wenig vorhanden. Ich dachte mir auch nur das dass doch nicht so eine riesen Sache sein kann anstatt 2 Felder untereinander, nebeneinander darzustellen. Ich habe jetzt einfach die Tabellenansicht stehen gelassen.
Es ist auch nicht weiter schlimm das dass nun nicht geht, resp. ich nicht in der Lage bin das zu machen.