Hallo, ich hätte gerne für folgenden Code Verbesserungsvorschläge (wie man es kürzer/leichter/besser machen kann).
Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
body {
background-color: #efebde
}
legend {
font-size: 13px;
font-weight: bold;
color: #0000FF;
}
.regis {
font-size: 12px;
position: relative;
display:inline;
}
.test {
background-color: #f7f3ef;
position: relative;
border: 1px solid;
float: left;
padding-left:4px;
padding-right:4px;
margin-right: 5px;
font-family: Arial;
}
.test2 {
position: relative;
border: 1px solid;
margin: 2px;
}
.big {
position: absolute;
border:1.5px solid;
heigth:800px;
width:800px;
top: 25px;
padding:0;
margin:0;
font-family: Arial;
font-size: 12px;
background-color: #fff;
}
.big1 {
position: relative;
float:left;
width:400px;
padding:0;
margin:0;
}
.big2 {
position: relative;
float:left;
width:400px;
padding:0;
margin:0;
}
.bez {
position: relative;
width: 200px;
}
.sel {
width: 100px;
}
.sel2 {
width: 200px;
}
.buttons {
position: absolute;
top: 465px;
left: 575px;
}
</style>
</head>
<body>
<div class="regis">
<div class="test">Artikeldaten</div>
<div class="test">Beschreibung</div>
<div class="test">Warengruppen</div>
<div class="test">Lieferanten</div>
<div class="test">Anhänge</div>
<div class="test">Bilder</div>
<div class="test">Varianten</div>
<div class="test">Gruppenpreise</div>
<div class="test">Zubehör</div>
<div class="test">Eigenschaften</div>
</div>
<div class="big">
<div class="big1">
</p>
<fieldset>
<legend>Daten</legend>
[b]Hauptdaten[/b]
<label>Name<label style="margin-left:65px;">[b]:[/b]</label>
<input type="text" size="30" maxlength="30">
</label></p>
<label>Artikelnr<label style="margin-left:55px;">[b]:[/b]</label>
<input type="text" size="30" maxlength="30">
</label></p>
<label>MwSt<label style="margin-left:70px;">[b]:[/b]</label>
<select class="sel">
<option selected>19%</option>
<option>7%</option>
</select>
</label></p>
<label>Mengeneinheit<label style="margin-left:18px;">[b]:[/b]</label>
<select class="sel">
<option selected>Stück</option>
<option></option>
</select>
</label></p>
<label>Währung<label style="margin-left:49px;">[b]:[/b]</label>
<select class="sel">
<option selected>EURO</option>
<option></option>
</select>
</label></p>
</p>
<label>
[b]Standard-Preis[/b]<label style="margin-left:55px">Netto</label> <label style="margin-left:45px">Brutto</label>
</label></p>
<label>Preis<label style="margin-left:70px;">[b]:[/b]</label>
<input name="Netto" type="text" size="10" maxlength="15">
<input name="Brutto" type="text" size="10" maxlength="15">
</label></p>
<label>Preis-UVP<label style="margin-left:42px;">[b]:[/b]</label>
<input name="Netto2" type="text" size="10" maxlength="15">
<input name="Brutto2" type="text" size="10" maxlength="15">
</label></p>
</p>
<div>[b]Gewicht[/b]</label></p>
<label>Gewicht<label style="margin-left:55px;">[b]:[/b]</label>
<input type="text" size="12" maxlength="30">
</label></p>
<label>Gewichtseinheit<label style="margin-left:11px;">[b]:[/b]</label>
<select class="sel">
<option selected></option>
<option>Liter</option>
<option>Kilogramm</option>
<option>Gramm</option>
<option>Tonnen</option>
<option>Zentner</option>
<option>Pfund</option>
</select>
</label></p>
</p>
</p>
</fieldset>
</div>
<div class="big2">
</p>
<fieldset>
<legend>Daten</legend>
<div>[b]Kennzeichen[/b]</div>
<label>Status<label style="margin-left:80px;">[b]:[/b]</label>
<select class="sel2">
<option selected>Verfügbar</selected>
<option>Zur Zeit nicht lieferbar</option>
</select>
</label></p>
<label>Kategorie<label style="margin-left:62px;">[b]:[/b]</label>
<select class="sel2">
<option selected>Bärwurz</option>
<option>Blutwurz</option>
<option> Bärwurz UK</option>
<option> BW UK</option>
</select>
</label></p>
<label>Hersteller<label style="margin-left:61px;">[b]:[/b]</label>
<select class="sel2">
<option selected> </option>
<option></option>
</select>
</label></p>
<label>Positions-Nr<label style="margin-left:46px;">[b]:[/b]</label> <input type="text" size="12" maxlength="30"></label></p>
</p>
<label>[b]Bild-Positionierung[/b]</label></p>
<div>PositionListe<label style="margin-left:43px;">[b]:[/b]</label>
<select class="sel2">
<option selected>Bild-links</option>
</select>
</label></p>
<label>PositionDetail<label style="margin-left:38px;">[b]:[/b]</label>
<select class="sel2">
<option selected>Bild-links<option>
</select>
</label></p>
</p>
<label>[b]Lager[/b]</label></p>
<label>Lagerüberwachung<label style="margin-left:8px;">[b]:[/b]</label>
<input type="radio" name="Janein" value="Ja">Ja<input type="radio" name="Janein" value="Nein">Nein</label></p>
<label>Bestand<label style="margin-left:69px;">[b]:[/b]</label> <input type="text" size="11" maxlength="30"></label></p>
<label>Warnung<label style="margin-left:65px;">[b]:[/b]</label> <input type="text" size="11" maxlength="30"></label></p>
</fieldset>
</div>
</div>
<div class="buttons"><input type="button" value="Ok">
<input type="button" value="Abbrechen">
<input type="button" value="Übernehmen"></div>
</body>
</html>Außerdem wurde mir gesagt, dass man auf- und zuklappbare Blueboxes (Fieldsets?) erstellen kann (mit runden Ecken?). wär cool wenn ihr mir da weiterhelfen könntet.
MfG,
Illu
