0

Inline Darstellung HTML/CSS will nicht

Hallo miteinander,

bekomm es einfach nicht hin, in Ninox die Felder in eine Linie zu setzen. Was mache ich denn falsch?

let aa := "
<html>
    <style>
   form#line {
        margin-bottom: 10px;
 display: inline-block;
      }
   form#line label {
        width: 120px;
      }
form#line legend{
padding:20px 0;
font-size:20px
}
form#line fieldset {
background:#e1eff2;
font: 12px Georgia, Times New Roman, Times, serif;
}
form#line ol li {
    background: #b9cf6a;
    background: rgba(255,255,255,.3);
    border-color: #e3ebc3;
    border-color: rgba(255,255,255,.6);
    border-style: solid;
    border-width: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 30px;
    list-style: none;
    padding: 5px 10px;
    margin-bottom: 2px;
}
form#line ol ol li {
    background: none;
    border: none;
    float: left;
}
   form#liste {
        margin-bottom: 10px;
  display: inline-block;
      }
   form#liste label {
        width: 120px;
      }
form#liste legend{
padding:20px 0;
font-size:20px
}
form#liste fieldset {
background:#9cbc2c;
font: 12px Georgia, Times New Roman, Times, serif;
}
form#liste ol li {
    background: #b9cf6a;
    background: rgba(255,255,255,.3);
    border-color: #e3ebc3;
    border-color: rgba(255,255,255,.6);
    border-style: solid;
    border-width: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 30px;
    list-style: none;
    padding: 5px 10px;
    margin-bottom: 2px;
}
form#liste ol ol li {
    background: none;
    border: none;
    float: left;
}
</style>
  <body>
   <form id=line>
      <fieldset>
                    <legend >alles nebeneinander:</legend>
<ol>
            <li>
<label for=name>Name</label>
<input id=name name=name type=text placeholder='First and last name' required autofocus>
<label for=email>Email</label>
<input id=email name=email type=email placeholder='example@domain.com' required>
<label for=phone>Phone</label>
<input id=phone name=phone type=tel placeholder='Eg. +447500000000' required>
</li>
        </ol>
      </fieldset>
  </form>
<br><br>
 <form id=liste>
      <fieldset>
                    <legend >alles untereinander:</legend>
<ol>
            <li>
<label for=name>Name</label>
<input id=name name=name type=text placeholder='First and last name' required autofocus><br>
<label for=email>Email</label>
<input id=email name=email type=email placeholder='example@domain.com' required><br>
<label for=phone>Phone</label>
<input id=phone name=phone type=tel placeholder='Eg. +447500000000' required>
</li>
        </ol>
      </fieldset>
  </form>
  </body>
</html>";
html(aa)

1 Antwort

null
    • etib_ing
    • vor 4 Monaten
    • Gemeldet - anzeigen

    Vielleicht hilft Dir das weiter. Grüße

Content aside

  • vor 4 MonatenZuletzt aktiv
  • 1Antworten
  • 98Ansichten
  • 2 Folge bereits