dantra
10-27-2005, 05:12 PM
I have a space that I can’t get rid of. It’s on the right side of the "images/form.jpg" where the form.jpg background meets the "images/left.jpg" slice I’ll post a pic when I get home but I just wanted to get a jump on things, perhaps it’s something that I am overlooking. :confused:
I’m using a css tableless contact form on the background= "images/form.jpg" also how do I make the background of the form itself transparent so the background image shows through. :confused:
http://img445.imageshack.us/img445/4712/gap3ph.jpg (http://imageshack.us)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>CONTACT FORM</title>
<style type="text/css">
label{
float: left;
width: 100px;
font-weight: bold;
}
input, textarea{
width: 125px;
margin-bottom: 5px;
}
textarea{
width: 225px;
height: 79px;
}
.boxes{
width: 1em;
}
#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 50px;
}
br{
clear: left;
}
body {
background-color: #060200;
}
-->
</style>
</head>
<body>
<div align="center">
<!-- BEGIN FORM PAGE SLICES-->
<table id="Table_01" width="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
<img src="images/top.jpg" width="500" height="206" alt="" /></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/left.jpg" width="106" height="320" alt="" /></td>
<td colspan="0">
<td background= "images/form.jpg" width="322">
<div align=center>
<form>
<label for="user">Name</label>
<input type="text" name="user" value="" /><br />
<label for="emailaddress">Email:</label>
<input type="text" name="emailaddress" value="" /><br />
<label for="comments">Comments:</label>
<textarea name="comments"></textarea><br />
<input type="submit" name="submitbutton" id="submitbutton" value="Submit" />
</form></div></td>
<td rowspan="3">
<img src="images/right.jpg" width="72" height="320" alt="" /></td>
</tr>
<tr>
<td>
<img src="images/form-05.jpg" width="1" height="1" alt="" /></td>
<td rowspan="2">
<img src="images/bottom.jpg" width="321" height="96" alt="" /></td>
</tr>
<tr>
<td>
<img src="images/contact1-copy_07.gif" width="1" height="95" alt="" /></td>
</tr>
</table>
<!-- END FORM PAGE SLICES -->
</div>
</body>
</html>
I’m using a css tableless contact form on the background= "images/form.jpg" also how do I make the background of the form itself transparent so the background image shows through. :confused:
http://img445.imageshack.us/img445/4712/gap3ph.jpg (http://imageshack.us)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>CONTACT FORM</title>
<style type="text/css">
label{
float: left;
width: 100px;
font-weight: bold;
}
input, textarea{
width: 125px;
margin-bottom: 5px;
}
textarea{
width: 225px;
height: 79px;
}
.boxes{
width: 1em;
}
#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 50px;
}
br{
clear: left;
}
body {
background-color: #060200;
}
-->
</style>
</head>
<body>
<div align="center">
<!-- BEGIN FORM PAGE SLICES-->
<table id="Table_01" width="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
<img src="images/top.jpg" width="500" height="206" alt="" /></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/left.jpg" width="106" height="320" alt="" /></td>
<td colspan="0">
<td background= "images/form.jpg" width="322">
<div align=center>
<form>
<label for="user">Name</label>
<input type="text" name="user" value="" /><br />
<label for="emailaddress">Email:</label>
<input type="text" name="emailaddress" value="" /><br />
<label for="comments">Comments:</label>
<textarea name="comments"></textarea><br />
<input type="submit" name="submitbutton" id="submitbutton" value="Submit" />
</form></div></td>
<td rowspan="3">
<img src="images/right.jpg" width="72" height="320" alt="" /></td>
</tr>
<tr>
<td>
<img src="images/form-05.jpg" width="1" height="1" alt="" /></td>
<td rowspan="2">
<img src="images/bottom.jpg" width="321" height="96" alt="" /></td>
</tr>
<tr>
<td>
<img src="images/contact1-copy_07.gif" width="1" height="95" alt="" /></td>
</tr>
</table>
<!-- END FORM PAGE SLICES -->
</div>
</body>
</html>