hey guys.

 

www.changemyworkout.com/contactus.php

 

i can't seem to style the contact form correctly so the labels are clearly on top of each other. any ideas? thanks in advance.

Try something like vertical-align: top; for input fields in your CSS code.

 

Alternatively, use tables.

Try using this

 

<form method="post" action="contactUs2.php">

<!-- PHP -->

<?php

$ipi = getenv("REMOTE_ADDR");

$httprefi = getenv ("HTTP_REFERER");

$httpagenti = getenv ("HTTP_USER_AGENT");

?>

<p class="form">

Name: *<br />

<input type="text" name="name" size="30" /><br />

Website:<br />

<input type="text" name="website" size="30" /><br />

Email: *<br />

<input type="text" name="visitormail" size="30" /><br />

Message: *<br />

<textarea name="notes" rows="9" cols="42">

 

 

 

</textarea>

<br />

<br />

<input type="submit" value="Send Mail" />

</p>

<p class="contacts">* = Required Fields</p>

</form>

Hi goldfingerler,

 

I've had a quick go at the source code, the below works in Firefox.. will probably work cross browser but I don't have time to test right now.

 

<form>
 <label>First Name:</label><input type="text" />
 <label>Last Name:</label><input type="text" />
 <label>E-mail Address:</label><input type="text" />
 <label>Comment:</label><input type="text" class="comment" />
</form>

 

.contactform input {
border:2px solid #18537F;
float:left;
margin-right:40px;
margin-top:10px;
width:150px;
}

.contactform input.comment{
height: 200px;
width: 190px;
margin-right:0;
}

.contactform label {
color:#FFFFFF;
float:left;
font-size:12px;
margin-top:10px;
text-align:left;
width:200px;
}