Hallo djheke
zunächst mal einen herzlichen Dank für deine Mühe.. ich denke so manches aus dem Aufbau und Syntax gelernt und orientire mich wohl am besten auch nur noch an die neueren Browserversionen
trotzdem habe ich noch 2 Fragen ..
1.) in .Spalte hattest Du width:calc(50% - 2*30px); geschrieben.. aber ad werden die Blocks untereinander dargestellt
nebeneinander funkltionioert bei mir nur mit width:calc(30% - 2*30px); oder generell 30% was doch arg wenig ist (zumal ich keien weitere Leisten geöffnet habe
2.) wird generell das Eingabefeld for dem Label gesetzt ... und dies über alle Browser ..
<p><label for="name"> Name:</label><input type="text" id="name" name="cstrm_1_Name" PLACEHOLDER="" REQUIRED></p>
anbei ist nochmal das HMTL Script angehängt..
HTML
<Doctype html>
<!-- Home1 Anlage Kundendaten.... nur durch admin ? -->
<!-- <html lang="en-US">-->
<!-- <html lang="DE">-->
<html>
<html>
<head>
<title>e-fac-Kunde anlegen-Test</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
#header {
background-color:#FFFFA3;
height:100px;
text-align:right;
}
#section1 {
background-color:#FFFFD3;
width:100%;
display:inline-block;
padding:0px;
font-family: "Arial";
font-size: 11px;
}
#section2 {
width:80%
display:inline-block;
margin-left:60px;
float:left;
padding:20px;
font-family: "Arial";
font-size: 11px;
}
#body {
position: fixed;
left: 100px;
top: 30px;
color:Black;
padding:0px;
font-family: "Arial";
font-size: 10px;
position: absolute;
}
#nav {
line-height:30px;
background-color:#C2FFA3;
height:700px;
width:140x;
float:left;
padding:0px;
font-family: "Arial";
font-size: 10px;
font-style: Bold;
}
#form {
width:100%;
margin:30px auto;
font-family: "Arial";
font-size: 10px;
}
.spalte {
margin-left:60px;
float:left;
width:calc(30% - 2*30px);
border:none;
font-family: "Arial";
font-size: 10px;
}
form #text {
clear:both;
float:left;
margin-left:30px;
margin-bottom:10px;
border:none;
}
.form #textarea {
width:100%;
}
.form p , form label {
padding:80px 10
}
<!--form p input , form p select {
float:left;
}-->
form legend {
font-weight:bold;
}
footer {
background-color:#FFFFD3;
clear:both;
text-align: center;
padding:10px;
margin-top:20px;
height:50px;
<!--background:#ede; -->
}
</style>
<header class ="header">
<div id = "header">
<h2 style="font-family:andalus" > HHRd | <small>e</small>Fac
<img src=skyline.jpg alt="e-Facility" width="180" height="100"> </h2>
</div>
</header>
<section class ="section1">
<div id = "section1">
<p1 style="font-size:12px"> Customer Area:</p1><p> <label for="company"> Company Nr:</label><label for="name"> Name:</label><label for="user"> User:</label> </p1>
</div>
</section>
<nav class ="nav">
<div id = "nav">
<p>MasterData:</p>
<p>Customer:</p>
<ul>
<li><a href= "c:\myproject\html\facilHome0.html">Home</a></li>
<!--<li><a href= "c:\myproject\html\facobject0.html">Create</a></li>
<li><a href= "c:\myproject\html\facdnstlstr0.html">Change</a></li>
<li><a href= "c:\myproject\html\facbstzr0.html">Delete</a></li> -->
<li><a href= "c:\myproject\html\facilHome0.html">Logout</a></li>
</ul>
</div>
</nav>
<!-- Suche ob Kunde bereits besteht-->
<form action="action_page.php" method="POST">
<fieldset class="spalte">
<legend> Create Customer</legend>
<p><label for="name"> Name:</label><input type="text" id="name" name="cstrm_1_Name" PLACEHOLDER="" REQUIRED></p>
<p><label for="typeof">Type of Company(SA/GmbH):</label> <input id="typeof" type="text" name="cstrm_1_Gesellschaftsart" PLACEHOLDER="" REQUIRED></p>
<p><label for="address">Address:</label><input type="text" id="address" name="cstrm_1_Adresse" PLACEHOLDER="address" REQUIRED></p>
<p><label for="postcode">PostCode:</label><input type="text" id="postcode" name="cstrm_1_Postleitzahl" PLACEHOLDER="" REQUIRED></p>
<p><label for="town">Town:</label><input type="text" id="town" name="cstrm_1_Ort" PLACEHOLDER="" REQUIRED><br></p>
<p><label for="country">Country:</label>
<SELECT id="country">
<OPTION Value="Luxembourg">Luxembourg</OPTION>
<OPTION Value="Deutschland">Deutschland</OPTION>
<OPTION Value="France">France</OPTION>
<OPTION Value="UnitedKingdom">UnitedKingdom</OPTION>
<OPTION Value="Schweiz">Schweiz</OPTION>
</SELECT>
</p>
<p><label for="vat"> VAT-Nr:</label><input type="text" id="vat" name="cstrm_1_MwStNummer" PLACEHOLDER="" REQUIRED></p>
<p><label for="reg"> Registration Nr:</label><input type="text" id="reg" name="cstrm_1_Handelsgericht_Nr" PLACEHOLDER="" REQUIRED></p>
<p><label for="phone">Phone (incl.pre-select):</label><input type="text" id="phone" name="Telefon" PLACEHOLDER="" REQUIRED></p>
<p><label for="fax"> Fax (inkl.pre-select):</label><input type="text" id="fax" name="cstrm_1_Fax" PLACEHOLDER="" REQUIRED></p>
</fieldset>
<fieldset class="spalte">
<legend>Contact data </legend>
<p>
<label for="mailing">Mailing language :</label>
<SELECT id="mailing">
<OPTION Value="Luxembourg">Deutsch</OPTION>
<OPTION Value="Deutschland">Französisch</OPTION>
<OPTION Value="France">Englisch</OPTION>
</SELECT>
</p>
<p><label for="office">Office openhours:</label><input type="text" id="office" name="cstrm_1_Bürozeiten" value=""></p>
<p><label for="person1">eMailContact person1:</label><input type="email" id="person1" name="cstrm_1_Ansprechpartner1" PLACEHOLDER="" REQUIRED></p>
<p><label for="person2">eMailContact person2:</label><input type="email" id="person2" name="cstrm_1_Ansprechpartner2" value=""></p>
<p><label for="dep">eMailContact finance dep:</label><input type="email" id="dep" name="cstrm_1_Buchhaltung" value=""></p>
<p>.</p>
<legend>Banking</legend>
<p><label for="bank">Bankreference/SWIFT:</label><input type="text" id="bank" name="cstrm_1_Bankreferenz_SWIFT" PLACEHOLDER="" REQUIRED></p>
<p><label for="iban">IBAN:</label><input type="text" id="iban" name="cstrm_1_IBAN" PLACEHOLDER="" REQUIRED></p>
<p><label for="sepa">SEPA Mandat:</label><input type="text" id="sepa" name="cstrm_1_SEPA_Mandate" PLACEHOLDER="" REQUIRED></p>
</fieldset>
</form>
<section class ="section2">
<div id = "section2">
<legend>Additional Data<legend>
<p><textarea id="history" rows="10" cols="100" name="cstrm_1_History_Text" ></textarea></p>
<!--input type="submit" value="Speichern"></p>-->
</div>
</section>
<!-- nach dem Speichern werden die Daten aus der Datenbank gelesen und dem User in einem Feld die neue Kundennummer mitgeteilt -->
<!-- next fcknde2 "Change Customer" -->
<!-- Kunde existiert ? Tabelle aufbauen und selektieren -->
<!-- logonuser berechtigung prüfen und nur die zugeordneten Kunden anzeigen !! -->
<!-- Kunde anzeigen ... ggf ändern-->
<!-- neue Kundendaten abspeichern -->
<footer class ="footer">
<div id = "footer">
<input type="submit" value="Save data">
<script>
<!-- in php schreiben -->
</script>
<button onclick="myFunction()">Print this page</button>
<script>
function myFunction() {
window.print();
}
</script>
</div>
</footer>
</html>