Im derzeit versucht, ein Formular zu beheben, die ich gebaut habe, auf einem ansprechendes Layout ein JPEG vonAligning Formularfelder für ansprechendes Layout
Ive angebracht zu arbeiten, was die Form wie ein mit dem auf Vollversion der Website aussehen sollte Das Kommentarfeld ist rechts neben den restlichen Feldern ausgerichtet, aber wenn es auf einem Handy angezeigt wird, möchte ich, dass das Kommentarfeld unter die restlichen Felder fällt.
Da wurde mir geraten, das Kommentarfeld in ein DIV zu verpacken und es vor den Rest der Formularfelder zu platzieren, dann es nach rechts zu schweben, wenn ich die mobile Version ansehe, sitzt das Kommentarfeld am oberen Rand des Formulars unten
irgendwelche Vorschläge, wie ich dieses Problem beheben kann?
sehen die CSS & HTML unter
<style type="text/css">
body {
background-color: #FFF;
}
#form {
width:960px;
background-color:#edf8ff;
height:650px;
}
.gezza-form {
width:894px;
margin:0 auto;
margin-top:20px;
}
.gezza-field {
width:437px;
height:75px;
margin-bottom:10px;
border: 1px solid #d9e7f1;
}
.gezza-comments{
width:437px;
height:300px;
}
-->
</style></head>
<body>
<div id="form">
<form action="" class="gezza-form" method="post" >
<div style="float:right;">Comments<br /><textarea name="comments" cols="" rows="" class="gezza-comments" ></textarea></div>
First Name<br />
<input name="firstname" type="text" class="gezza-field" /><br/>
Last Name<br />
<input name="lastname" type="text" class="gezza-field" /><br/>
Email Address<br />
<input name="email" type="text" class="gezza-field" />
</form>
Nein, Sie haben kein JPEG angehängt. –
Bild angehängt jetzt, sorry darüber – Gezzamondo