Forum Moderators: not2easy
my css for my contact table
<style type="text/css">
body {
background-color: transparent;
font: 12px Georgia;
color: #663300;
}#title {
width: 300px;
height: 26px;
color: #663300;
font: bold 12px Georgia;
padding-top: 2px;
background: transparent;
letter-spacing: 2px;
text-align: center;
}
form {
width: 250px;
}
.col1 {
text-align: right;
width: 135px;
height: 31px;
margin: 0;
float: left;
margin-right: 2px;
background: transparent;
}
.col2 {
width: 195px;
height: 31px;
display: block;
float: left;
margin: 0;
background: transparent;
}
.col2comment {
width: 195px;
height: 98px;
margin: 0;
display: block;
float: left;
background: transparent;
}
.col1comment {
text-align: right;
width: 135px;
height: 98px;
float: left;
display: block;
margin-right: 2px;
background: transparent;
}
div.row {
clear: both;
width: 335px;
}
.submit {
height: 20px;
width: 335px;
padding-top: 2px;
clear: both;
}
.input {
background-color: transparent;
font: 12px Georgia;
color: #663300;
margin: 4px 0 5px 8px;
padding: 1px;
border: 1px solid #663300;
}
.textarea {
border: 1px solid #663300;
background-color: transparent;
font: 12px Georgia;
color: #663300;
margin: 4px 0 5px 8px;
}
</style>
my html for my contact table
<form action="#" method="post">
<div id="title"></div>
<div class="row">
<label class="col1">Name: </label>
<span class="col2"><input name="name" class="input" type="text" id="name" size="20" tabindex="1" /></span></div>
<div class="row"><label class="col1">e-mail: </label>
<span class="col2"><input name="email" class="input" type="text" id="email" size="20" tabindex="2" /></span>
</div>
<div class="row"><label class="col1">Website: </label>
<span class="col2"><input name="website" class="input" type="text" id="website" value="http://" size="20" tabindex="3" /></span>
</div>
<div class="row"><label class="col1comment">Comment: </label>
<span class="col2comment"><textarea cols="50" class="textarea" rows="4" name="comment" id="comment" tabindex="4" ></textarea>
</span>
</div>
<div align="center" class="submit"><input type="image" src="submitBUTTON.gif" alt="send" width="52" height="19" border="0" />
</div>
</form>