Tuesday, September 9, 2008

HTML Code For Rounded Table Form

ASP code for creating a form havinging rounded edges (corners).
<%
Sub top_tr
%>
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="../IMAGES/oe_top.jpg" height="90">
</td>
</tr>

<tr>
<td background="../IMAGES/oe_menu_darkblue.jpg">
<table border="0" cellspacing="0" align="left" cellspacing="5" width="95%" >
<tr>
<td style="padding-left:50px" align="left" width="80"><a href="index.asp" style="font-family:verdana;color:#99CCFF;font-weight:bold;font-size:10px;text-decoration:none">&laquo; Home</a></td>
<td align="left" width="80">&nbsp;</td>
<td align="left">&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr>
<td background="../IMAGES/oe_bg_black.jpg">
<table cellpadding="0" cellspacing="0" border="0" align="right" >
<tr>
<td align="right" width="40%" bgcolor="#000000">&nbsp;
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="../IMAGES/oe_blue_mid2.jpg"></td>
</tr>

<%
End Sub
%>

<%
sub bottom_tr
%>
<tr>
<td background="../IMAGES/oe_menu_darkblue.jpg">
<table align="center" cellspacing="10">
<tr>
<td class="footer" align="center" colspan="2">
</td></tr>
</table>

</td>
</tr>
<tr>
<td><img src="../IMAGES/oe_oe_bottom_bot.jpg"></td>
</tr><%
End Sub
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Register</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../STYLE_SHEET_MODULE/current_style.css" rel="stylesheet" type="text/css">
<script language="javascript">
function validate(){
do do do

</script>
</head>

<body>
<!--#include file="../includes/alert_result_msg.inc"-->

<br /><br /><br /><br /><br /><br /><br /><br /><br />


<table align="center" bgcolor="#FFFFFF" border="0" cellpadding="40" width="85%">

<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="876">



</td>
</tr>


<tr>
<td>

<table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="margin-bottom:30px">
<tr>
<td width="600">
<B style="DISPLAY: block; overflow:hidden;FONT-SIZE:1px; HEIGHT: 1px;BACKGROUND: #cccc99; MARGIN: 0px 5px"></B>
<B style="DISPLAY: block; overflow:hidden; FONT-SIZE:1px; BORDER-RIGHT: #cccc99 1px solid; BACKGROUND:#f0f0f0; BORDER-LEFT: #cccc99 1px solid;MARGIN: 0px 4px; HEIGHT: 1px"></B>
<B style="DISPLAY: block; overflow:hidden; FONT-SIZE:1px; BORDER-RIGHT: #cccc99 1px solid; BACKGROUND:#f0f0f0; BORDER-LEFT: #cccc99 1px solid;MARGIN: 0px 3px; HEIGHT: 1px"></B>
<B style="DISPLAY: block; overflow:hidden; FONT-SIZE:1px; BORDER-RIGHT: #cccc99 1px solid; BACKGROUND:#f0f0f0; BORDER-LEFT: #cccc99 1px solid;MARGIN: 0px 2px; HEIGHT: 1px"></B>
<B style="DISPLAY: block; overflow:hidden; FONT-SIZE:1px; BORDER-RIGHT: #cccc99 1px solid; BACKGROUND:#f0f0f0; BORDER-LEFT: #cccc99 1px solid;MARGIN: 0px 1px; HEIGHT: 1px"></B>
</td>
</tr>
<tr>
<td align="center" bgcolor="#f0f0f0">
<DIV style="font:bold 16px arial;padding:5px;">
<div>

<!-- heading starts here-->

Heading comes here
<br />

<!-- heading ends here-->

</div>

<div>
<h2>
<!-- contents starts here-->
<form name="form1" action="actionfile.asp" method="post" onsubmit="return validate()">
<table align="center" valign="top" class="formgrid">


<tr>
<td width="137" height="47"> FieldName</td>
<td width="295">
<input type="text" maxlength="25" name="field_name" size="28" style="color:#b0b0b0;font-size:20px;font-family:arial;font-weight:bold">
</td>
</tr>

<tr>
<td>
&nbsp;
</td>
<td width="295" align="right">
<br />
<div style="width=300px;text-align:center">
<input style="text-align:center" type="image" width="100" height="50" src="../images/submit_button.jpg" />
</div>
</td>
</tr>
</table>

</form>

<!-- contents ends here-->
</h2>

</div>
</DIV>
</td>
</tr>
<tr>
<td>
<B style="DISPLAY: block; overflow:hidden; FONT-SIZE:1px; BORDER-RIGHT: #cccc99 1px solid; BACKGROUND:#f0f0f0; BORDER-LEFT: #cccc99 1px solid;MARGIN: 0px 1px; HEIGHT: 1px"></B>
<B style="DISPLAY: block; overflow:hidden; FONT-SIZE:1px; BORDER-RIGHT: #cccc99 1px solid; BACKGROUND:#f0f0f0; BORDER-LEFT: #cccc99 1px solid;MARGIN: 0px 2px; HEIGHT: 1px"></B>
<B style="DISPLAY: block; overflow:hidden; FONT-SIZE:1px; BORDER-RIGHT: #cccc99 1px solid; BACKGROUND:#f0f0f0; BORDER-LEFT: #cccc99 1px solid;MARGIN: 0px 3px; HEIGHT: 1px"></B>
<B style="DISPLAY: block; overflow:hidden; FONT-SIZE:1px; BORDER-RIGHT: #cccc99 1px solid; BACKGROUND:#f0f0f0; BORDER-LEFT: #cccc99 1px solid;MARGIN: 0px 4px; HEIGHT: 1px"></B>
<B style="DISPLAY: block; overflow:hidden;FONT-SIZE:1px; HEIGHT: 1px;BACKGROUND: #cccc99; MARGIN: 0px 5px"></B>
</td>
</tr>
</table>

<!-- box ends here-->

</td>
</tr>
</table>
</body>
</html>

No comments: