Ergebnis 1 bis 12 von 12

Thema: Erstelltes formular HTML Struktur bearbeiten?

  1. #1
    Contao-Nutzer Avatar von pix
    Registriert seit
    23.06.2009.
    Beiträge
    110

    Standard Erstelltes formular HTML Struktur bearbeiten?

    Ich möchte gerne die Vorwahl und Rufnummern Textfelder nebeneinander darstellen http://www.bp-regional.de/Neuer_Eintrag.html wie komme ich da ran um das <br> zu entfernen?

  2. #2
    Contao-Fan
    Registriert seit
    19.06.2009.
    Ort
    Greven
    Beiträge
    357

    Standard

    Hallo pix,

    versuch's mal mit:
    br {display:none}

    Gruß, Frank

  3. #3
    Contao-Nutzer Avatar von pix
    Registriert seit
    23.06.2009.
    Beiträge
    110

    Standard

    Soweit geht es jedoch nur Global für die ganze Seite. Irgendwie weiß ich nicht wie ich das Kombinieren soll das nur dieses Feld betroffen ist.

  4. #4
    Contao-Nutzer Avatar von pix
    Registriert seit
    23.06.2009.
    Beiträge
    110

    Standard

    Keiner eine Idee wie man den Zeilenumbruch verhindert?

  5. #5
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.336
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Wenn Du es nur für das Form-Element beschränkt machen möchtest, dann sollte Dich eine Konstruktion wie .ce_form br {display: none;} weiterbringen.

    Es ist eine gute Idee, beim Entwickeln von CSS mit dem Firefox-Plugin 'Firebug' zu arbeiten.

    Carolina.

  6. #6
    Contao-Nutzer Avatar von Maik
    Registriert seit
    19.06.2009.
    Ort
    Tuttlingen-Nendingen
    Beiträge
    220

    Standard

    Du kannst doch dem einzelnen Feld eine Klasse mitgeben und diese dann gezielt ansprechen ...

  7. #7
    Contao-Fan Avatar von Nils Riel
    Registriert seit
    19.06.2009.
    Beiträge
    730

    Standard

    Ich würde das br global im Template entfernen und dann die inputs mit display:block untereinander ausrichten. Dann kannst du dem input, welches auf gleicher Höhe mit einem anderen sein soll ein display:inline geben.

    Das wäre so mein erster Lösungsansatz

  8. #8
    Alter Contao-Hase Avatar von christian
    Registriert seit
    15.06.2009.
    Ort
    Viersen
    Beiträge
    1.038
    Partner-ID
    387

    Standard

    Du kannst doch mit z.B.

    Code:
    .formbody br { display:none; }
    weiter einschränken...
    Sicher wird das noch ein wenig Spielerei, bis die Felder dann alle platziert sind, aber es geht.

    Grüße,

    Christian
    Contao-Partner am Niederrhein
    Templating - Komplettservice - Erweiterungen
    Infos: http://delahaye.de

  9. #9
    Contao-Nutzer Avatar von pix
    Registriert seit
    23.06.2009.
    Beiträge
    110

    Standard

    Zitat Zitat von lucina Beitrag anzeigen
    Wenn Du es nur für das Form-Element beschränkt machen möchtest, dann sollte Dich eine Konstruktion wie .ce_form br {display: none;} weiterbringen.
    Es ist eine gute Idee, beim Entwickeln von CSS mit dem Firefox-Plugin 'Firebug' zu arbeiten.
    Carolina.
    Danke aber da habe ich ich wieder das Problem das es für das ganze Formular gesetzt ist. Ich möchte aber nur den Zeilenumbruch hinter dem Feld Vorwahl verhindern. Firebug benutze ich schon .
    Zitat Zitat von Maik Beitrag anzeigen
    Du kannst doch dem einzelnen Feld eine Klasse mitgeben und diese dann gezielt ansprechen ...
    Also ich sitze schon seit gestern Abend und bekomme das nicht hin.
    Geändert von pix (16.03.2010 um 09:51 Uhr)

  10. #10
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.336
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ich schrieb "eine Konstruktion wie ..." - für welche Elemente Du das anwenden möchtest, dass solltest Du schon selbst entscheiden. Wie das Werkzeug dazu heißt, das habe ich Dir ja auch schon gesagt.

    Nichts und Niemand hinter Dich daran, einem Formularelement eine CSS-ID und / oder Klassen zuzuweisen, in dies es dann gekapselt wird. Im Formulargenerator ist dieses Feld vorhanden. Eine gezielte Ansprache sollte damit doch wohl möglich sein wie z.B.
    Code:
    #foo, #bar {
    display: inline;
    float: left;}
    #foo br, #bar br{
    display:none;}
    Mit besten Grüßen,
    Carolina.

  11. #11
    Contao-Nutzer Avatar von pix
    Registriert seit
    23.06.2009.
    Beiträge
    110

    Standard

    Danke lucina soweit geht es außer im IE8 ist alles verschoben man das kann ein echt fertig machen.

  12. #12
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.336
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Schön, dass es tut und Du es verstanden hast.

    IE: Dafür gibt es ConditionalComments ... Sorry, aber der IE nervt uns alle (obwohl es defnintiv besser wird).

    Carolina.

Aktive Benutzer

Aktive Benutzer

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

Ähnliche Themen

  1. Formular: Label mit html
    Von wdburgdorf im Forum Formulare
    Antworten: 9
    Letzter Beitrag: 12.02.2012, 16:33
  2. Antworten: 5
    Letzter Beitrag: 02.02.2011, 17:06
  3. account.html details bearbeiten
    Von florifliegt1 im Forum Allgemeine Inhaltselemente
    Antworten: 0
    Letzter Beitrag: 23.11.2010, 13:36
  4. Daten aus dem Formular im BE bearbeiten
    Von olek07 im Forum Entwickler-Fragen
    Antworten: 2
    Letzter Beitrag: 07.09.2009, 08:43
  5. Formular struktur ändern
    Von Tholke im Forum Formulare
    Antworten: 7
    Letzter Beitrag: 14.07.2009, 22:44

Lesezeichen

Lesezeichen

Berechtigungen

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