hi,
I have never created forms using css and need some help, how can I move the word 'your message ' to the top of the textarea box. Attached is a picture of the page, as yet I do not have hosting so can't upload the url
CSS
h3 {
font-family:"Century Gothic";
font-size:1.4em;
color:#818d99;
font-weight:normal;
margin-left:6%;
}
#form {
width:4em;
text-align:right;
float:left;
display:block;
font-size:1.2em;
line-height:260%;
margin-right:6em;
}
.submit input {
margin-left:7.5em;
background:#cbd7e6;
border:2px outset #96adbf;
}
input {
color:#000000;
background:#ffffff;
border:1px solid #000000;
}
textarea.white {
background-color:#FFFFFF;
color:#000000;
border:1px solid #000000;
}
p {
margin-left:6%;
}
HTML
<h3>CONTACT PHOTO RESTORATION EXPERT</h3>
<form action="" method="post">
<p>Your Name: <input type="text" size="45" /></p>
<p>Your Email: <input type="text" size="45" /></p>
<p>Subject: <input type="text" size="45" /></p>
<p>Your Message: <textarea class="white" cols="45" rows="20"></textarea></p>
<p class="submit"><input type="submit" value="Submit" /></p>
</form></div>
thanks
I have never created forms using css and need some help, how can I move the word 'your message ' to the top of the textarea box. Attached is a picture of the page, as yet I do not have hosting so can't upload the url
CSS
h3 {
font-family:"Century Gothic";
font-size:1.4em;
color:#818d99;
font-weight:normal;
margin-left:6%;
}
#form {
width:4em;
text-align:right;
float:left;
display:block;
font-size:1.2em;
line-height:260%;
margin-right:6em;
}
.submit input {
margin-left:7.5em;
background:#cbd7e6;
border:2px outset #96adbf;
}
input {
color:#000000;
background:#ffffff;
border:1px solid #000000;
}
textarea.white {
background-color:#FFFFFF;
color:#000000;
border:1px solid #000000;
}
p {
margin-left:6%;
}
HTML
<h3>CONTACT PHOTO RESTORATION EXPERT</h3>
<form action="" method="post">
<p>Your Name: <input type="text" size="45" /></p>
<p>Your Email: <input type="text" size="45" /></p>
<p>Subject: <input type="text" size="45" /></p>
<p>Your Message: <textarea class="white" cols="45" rows="20"></textarea></p>
<p class="submit"><input type="submit" value="Submit" /></p>
</form></div>
thanks
Attachments
-
106.7 KB Views: 66