Tweet
ich soll für eine Firmen-Webseite etwas nach folgendem Schema erstellen
ich hab das mithilfe von divs gelöst nach Anleitung von selfhtml
nun zum Problem.
der Inhalts-Abschnitt teilt sich seinerseits in 2 Teile auf (nebeneinander), wovon sich der linke Teil seinerseits nochmal in 2 Teile aufsplittet .
Auf diesen letzten 2 Boxen möchte ich ein Formular bauen .. in der Box links sollen die Feldbezeichnungen stehen, rechts die eigentlichen EingabeFelder usw.
Das Problem ist nun .. ich soll validen Code schreiben - und hab daher in meine Seite
aufgenommen .. und plötzlich zerpflückt der mein Formular ...
hier mal aus meinen CSS-Styles
und einsetzen tu ich das wie folgt
was läuft da schief ? oder braucht ihr noch mehr Informationen ?
Code:
Kopf-Banner M Navi2 e n Inhalt u
nun zum Problem.
der Inhalts-Abschnitt teilt sich seinerseits in 2 Teile auf (nebeneinander), wovon sich der linke Teil seinerseits nochmal in 2 Teile aufsplittet .
Auf diesen letzten 2 Boxen möchte ich ein Formular bauen .. in der Box links sollen die Feldbezeichnungen stehen, rechts die eigentlichen EingabeFelder usw.
Das Problem ist nun .. ich soll validen Code schreiben - und hab daher in meine Seite
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
hier mal aus meinen CSS-Styles
HTML-Code:
body {
color: #003B69;
background-color: white;
font-size: 100.1%:
font-family: Helvetica, Arial, sans-serif;
margin: 0;
padding: 1em 0;
text-align: center;
min-width: 41em;
}
div#Seite {
text-align: left;
margin: 0 auto;
width: 960px;
padding; 0.5em;
border: 1px ridge silver;
}
div#Navi {
text-align: left;
float: left;
margin: 0 auto;
width: 240px;
padding; 0;
border none;
}
div#Inhalt {
margin: 0 240px 0;
width:708px;
padding; 0;
border-left: 12px solid white;
}
div#FormSeite {
text-align: left;
margin: 0;
width: 468px;
padding; 0;
border: 0px none transparent;
}
div#FormKopf {
text-align: left;
float: left;
margin: 0 auto;
width: 168px;
padding; 0;
border none;
border: 0px none transparent;
}
div#FormElem {
text-align: left;
margin: 0 168px 0;
width: 300px;
padding: 0em;
border: 0px none transparent;
}
HTML-Code:
<body> <div id="Seite"> <img src="img/Kopf_01.jpg " name="logo" alt="logo" width="960" height="<?php echo 354.0/ (2480.0/960.0);?>"/> <div id="Navi"> <!-- Navi bauen --> </div> <div id="Inhalt"> <p class=myheadline>Überschrift</p> <div id="navcontainer"> <!-- horizontale Nav-Bar --> </div> <p class=myheadline2>Kunden-Stammdaten</p> <div id="FormSeite"> <div id="FormKopf"> <p id="form">Kontrakt Nr.:</p> </div> <div id="FormElem"> <form action="work.php" method="post"> <p id="form"> <input type="text" class="textfeld" name="eingabe" maxlength="9"> </p> <p id="form"> <input type="submit" class="mybutton" value="Verarbeiten"> </p> </form> </div> </div> </div> </div> </body> </html>
Moderatorin
) ein eindeutiger Bezeichner ist.
Kommentar