Ergebnis 1 bis 5 von 5

Thema: Radiobutton nebeneinander darstellen

  1. #1
    Contao-Nutzer
    Registriert seit
    11.01.2011.
    Beiträge
    71

    Standard Radiobutton nebeneinander darstellen

    Hallo,

    versuche gerade Radiobuttons inkl. Label nebeneinander darzustellen.

    Folgende CSS-Anweisungen habe ich versucht. doch leider ohne Erfolg. Dem Element habe ich die Klasse ".radiotrenner" mitgegeben.

    form .widget-radio span.radiotrenner {
    display: block;
    clear: both;
    float: left;
    width: 200px;
    }

    Was mache ich falsch? Kann mir jemand einen Tipp geben?

    Die Dinger werden immer untereinander dargestellt.

    VG Charlie

  2. #2
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.116
    Partner-ID
    10107

    Standard

    Ohne Link zur Seite ist das mühsam.

  3. #3
    Contao-Nutzer
    Registriert seit
    11.01.2011.
    Beiträge
    71

    Standard

    Hallo,

    einen Link kann ich leider nicht schicken. Sorry.

    Anbei eine Screenshot des Quelltextes.

    Mit folgenden CSS-Regeln habe ich es schon versucht:

    #rueckrufform label {
    float: left;
    width:140px;
    }

    #rueckrufform .radio_container label {
    float:none;
    width:auto;

    }

    input.radio, input.submit {
    width:auto;
    }

    VG Charlie
    Angehängte Grafiken Angehängte Grafiken

  4. #4
    Contao-Fan
    Registriert seit
    10.08.2011.
    Ort
    Berlin
    Beiträge
    835

    Standard

    Deine Radiobuttons sind doch jeweils mit einem <span> umschlossen, das ist doch normalerweise kein block-level element , so wären die Buttons schon normalerweise nebeneinander, aber irgendwo ist denen wohl ein
    display:block verpasst worden , so dass sie deshalb untereinander stehen.

    LG
    Bennie

  5. #5
    Contao-Nutzer
    Registriert seit
    11.01.2011.
    Beiträge
    71

    Standard

    Supi. Vielen Dank. Problem gelöst.

Aktive Benutzer

Aktive Benutzer

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

Lesezeichen

Lesezeichen

Berechtigungen

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