Hey y'all,
I am new to the web design side of things and just wanted to take a crack at it. So I have designed a very SIMPLE 5 page website and on one of my pages there is a form to fill out information about who ever if visiting. I have the table created, linked to the php to send me an email when the customer fills the info out, hits submit. This acutally worked on my first try. I am a CAM software Engineer and applications engineer so i know a bit about coding...
BUT for the LIFE OF ME, I cannot get the damn table to stay put in Firefox. In IE it will stay exactly where I designed it to be using margin-left, margin-top, ect.. no matter what size I make the viewport, yet in Firefox when I change the width of the viewport the table moves all over in the horizontal direction...
Any ideas? Here is the code... yes I know it sucks, it is my first time so take it easy please. Thanks for the help I bet it is something easy I am overlooking. I am using Dreamweaver btw.
I am new to the web design side of things and just wanted to take a crack at it. So I have designed a very SIMPLE 5 page website and on one of my pages there is a form to fill out information about who ever if visiting. I have the table created, linked to the php to send me an email when the customer fills the info out, hits submit. This acutally worked on my first try. I am a CAM software Engineer and applications engineer so i know a bit about coding...
BUT for the LIFE OF ME, I cannot get the damn table to stay put in Firefox. In IE it will stay exactly where I designed it to be using margin-left, margin-top, ect.. no matter what size I make the viewport, yet in Firefox when I change the width of the viewport the table moves all over in the horizontal direction...
Any ideas? Here is the code... yes I know it sucks, it is my first time so take it easy please. Thanks for the help I bet it is something easy I am overlooking. I am using Dreamweaver btw.
HTML:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
background-image: url(images/invite.jpg);
background-repeat: no-repeat;
background-color: #DC1414;
background-position: center top;
text-align: center;
}
.text {
font-size: 16px;
color: #FFF;
font-family: Arnprior;
}
.radio {
font-size: 16px;
font-family: Arnprior;
color: #FFF;
}
.radio2 {
font-size: 16px;
}
#apDiv1 {
position:absolute;
width:401px;
height:278px;
z-index:1;
top: 68px;
left: 440px;
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- End Save for Web Slices -->
<blockquote>
<form name="form1" method="post" action="">
</form>
<div class="">
<table width="398" border="0" cellpadding="6" style="margin-top:50;margin-left:800" >
<tr>
<td width="116" height="37" style="text-align: right; font-family: Arnprior; font-size: 16px; color: #FFF;"><label for="firstname2"><span class="text">First Name</span>:</label></td>
<td width="252" style="text-align: left"><span style="text-align: right">
<input name="firstname" type="text" id="firstname2" size="40" maxlength="35">
</span></td>
</tr>
<tr>
<td style="text-align: right; font-family: Arnprior; font-size: 16px; color: #FFF;"><label for="lastname">Last Name:</label></td>
<td style="text-align: left"><span style="text-align: right">
<input name="lastname" type="text" id="lastname" size="40" maxlength="40">
</span></td>
</tr>
<tr>
<td style="text-align: right; font-family: Arnprior; font-size: 16px; color: #FFF;"><label for="email">Email:</label></td>
<td style="text-align: left"><span style="text-align: right">
<input name="email" type="text" id="email" size="40" maxlength="80">
</span></td>
</tr>
<tr style="text-align: left; font-family: Arnprior; color: #FFF;">
<td><p><br>
</p></td>
<td><label>
<input type="radio" name="RadioGroup1" value="Owner of Truck" id="RadioGroup1_0">
<span class="radio2">Owner</span></label>
<br>
<label>
<input type="radio" name="RadioGroup1" value="Customer" id="RadioGroup1_1">
<span class="radio">Customer</span></label></td>
</tr>
<tr>
<td style="text-align: right"> </td>
<td style="text-align: left"> </td>
</tr>
<tr>
<td style="text-align: right"> </td>
<td style="text-align: left"> </td>
</tr>
<tr>
<td style="text-align: right"> </td>
<td style="text-align: left"> </td>
</tr>
</table>
</div>
</blockquote>
</body>
</html>
Last edited by a moderator:
