Ergebnis 1 bis 11 von 11

Thema: darstellungsart eines Formulars

  1. #1
    Contao-Nutzer
    Registriert seit
    03.03.2011.
    Ort
    Schweiz
    Beiträge
    62

    Standard darstellungsart eines Formulars

    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

  2. #2
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.225
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    Hi Jean-Pierre,

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

    Sollte eigentlich helfen.

    Gruß
    Thomas
    blucomp | Webdesign & Onlinelösungen

  3. #3
    Contao-Nutzer
    Registriert seit
    03.03.2011.
    Ort
    Schweiz
    Beiträge
    62

    Standard

    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?

  4. #4
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.225
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von mathysjp Beitrag anzeigen

    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
    Geändert von tblumrich (16.11.2011 um 09:21 Uhr)
    blucomp | Webdesign & Onlinelösungen

  5. #5
    Contao-Urgestein Avatar von ways2web
    Registriert seit
    23.03.2010.
    Ort
    Berlin
    Beiträge
    1.698
    User beschenken
    Wunschliste

    Standard

    versuch mal:

    div.form-left{
    float:left;
    }

    eventuell mit padding oder breite dazu

  6. #6
    Contao-Nutzer
    Registriert seit
    03.03.2011.
    Ort
    Schweiz
    Beiträge
    62

    Standard

    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?

  7. #7
    Contao-Urgestein Avatar von Sebastian
    Registriert seit
    19.06.2009.
    Ort
    Stuttgart
    Beiträge
    3.361

    Standard

    HI

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

    Sebastian
    Ich arbeite beim Linux-Systemhaus ETES in Stuttgart

  8. #8
    Contao-Nutzer
    Registriert seit
    03.03.2011.
    Ort
    Schweiz
    Beiträge
    62

    Standard

    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.

  9. #9
    Contao-Urgestein Avatar von ways2web
    Registriert seit
    23.03.2010.
    Ort
    Berlin
    Beiträge
    1.698
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von mathysjp Beitrag anzeigen
    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

  10. #10
    Administrator Avatar von Nina
    Registriert seit
    04.06.2009.
    Ort
    Hamburg
    Beiträge
    4.756
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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.

  11. #11
    Contao-Nutzer
    Registriert seit
    03.03.2011.
    Ort
    Schweiz
    Beiträge
    62

    Standard

    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.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •