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
-
Vielleicht hilft Dir das weiter. Grüße
Content aside
- vor 1 JahrZuletzt aktiv
- 1Antworten
- 157Ansichten
-
2
Folge bereits