Hi there.
I'm having some problem in aligning my captcha image on a form.
Here's the SS:
http://imageshack.us/photo/my-images/33/captchab.jpg
And here's my login code:
<html>
<title>Log In</title>
<style>
.singleBorder{
border:1px #d6d6d6 solid;
background-color:#f6f6f6;
}
.singleBorder td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#333333;
}
.singleBorder input,select{
border:1px #aaaacc solid;
font-family:tahoma;
font-size:12px;
font-weight:normal;
padding:2px;
background-color:#FFFFFF;
}
.singleBorder input:focus{ /* doesn't work in IE 5,6 */
border:1px #aaaacc solid;
font-family:tahoma;
font-size:12px;
font-weight:normal;
padding:2px;
background-color:#FFFF99;
}
.points{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
font-weight:normal;
padding:30px;
}
.formHeading{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
color:#0066CC;
padding:10px;
text-shadow:#FF3333 .2em .2em .2em;
}
</style>
</head>
<body>
<div id="contentWrapper">
<table width="550px" border="0" cellpadding="2px" cellspacing="1px" align="center">
<tr>
<td width="2px"></td>
<td>
<div class="formHeading" align="center">Login Form</div>
<table width="100%" border="0" cellpadding="3px" class="singleBorder" cellspacing="2">
<tr>
<td colspan="2">
<table width="100%">
<tr>
<td>
<div class="points" align="center">
<p style="font-weight:bold; color:#333333">
Please login first to continue using our service
</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="right" width="130px">
Username:
</td>
<td><input type="text" size="40" /></td>
</tr>
<tr>
<td align="right">
Password:
</td>
<td><input type="text" size="40" /></td>
</tr>
<br><br>
<tr>
<td>
<!----- CAPTCHA SECTION ------>
<img src="captcha.php">
</td>
<tr>
<td align="right">
Verification Code:
</td>
<td><input type="text" size="40" /></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
<td height="40">
<input type="submit" name="Submit2" value="Log In">
<input value="Reset" class="btnbg" type="reset" action="login.php">
<input value="Home" type="submit" action="index.php">
</td>
</tr>
</td>
</table>
<td>
</td>
</tr>
</table>
<br><br>
</body>
</html>
Tried putting center tag but doesn't work. Any idea?