CodeChargenewbie
Posts: 114
|
Posted: 01/29/2008, 1:16 PM |
|
Ok, I made a record form in codecharge, just as a test. The other page I have is more complex, but I need to figure out what I'm doing wrong, and so I figured I'd start at a very basic level and try to figure it out there. Anyway, here's the test page html--
Quote :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<title>CSSpage</title>
<meta content="CodeCharge Studio 3.2.0.4" name="GENERATOR">
</head>
<body>
<!-- BEGIN Record NewRecord1 -->
<form name="{HTMLFormName}" action="{Action}" method="post">
<h2>NewRecord1</h2>
<table>
<!-- BEGIN Error -->
<tr>
<td colspan="2">{Error}</td>
</tr>
<!-- END Error -->
<tr>
<th>TextBox1</th>
<td><input value="{TextBox1}" name="{TextBox1_Name}"></td>
</tr>
<tr>
<th>TextBox2</th>
<td><input value="{TextBox2}" name="{TextBox2_Name}"></td>
</tr>
<tr>
<td align="right" colspan="2">
<!-- BEGIN Button Button_Insert --><input type="submit" value="Add" name="{Button_Name}"><!-- END Button Button_Insert -->
<!-- BEGIN Button Button_Update --><input type="submit" value="Submit" name="{Button_Name}"><!-- END Button Button_Update -->
<!-- BEGIN Button Button_Delete --><input type="submit" value="Delete" name="{Button_Name}"><!-- END Button Button_Delete --></td>
</tr>
</table>
</form>
<!-- END Record NewRecord1 -->
</body>
</html>
What I want to do is split it up into two columns using div tags but keep the table tags intact. In other words, I'd like to wrap everything as it is with div tags. So, Textbox1 would reside on the left-hand column and textbox2 would reside in the right-hand column. Again, this is just a basic exercise. The real page is far more complex. The problem is I can't even get this most basic page to work with div tags, so I'm obviously doing something wrong.
This is what I have so far, but it doesnt' work:
Quote :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<title>CSSpage</title>
<meta content="CodeCharge Studio 3.2.0.4" name="GENERATOR">
<style type ="text/css">
body,
#leftside {
float: left;
width: 400px;
}
$rightside {
float: right;
width: 400px;
}
</style>
</head>
<body>
<!-- BEGIN Record NewRecord1 -->
<form name="{HTMLFormName}" action="{Action}" method="post">
<h2>NewRecord1</h2>
<table>
<!-- BEGIN Error -->
<tr>
<td colspan="2">{Error}</td>
</tr>
<!-- END Error -->
<div id="leftside">
<tr>
<th>TextBox1</th>
<td><input value="{TextBox1}" name="{TextBox1_Name}"></td>
</tr>
</div>
<div id="rightside">
<tr>
<th>TextBox2</th>
<td><input value="{TextBox2}" name="{TextBox2_Name}"></td>
</tr>
</div>
<tr>
<td align="right" colspan="2">
<!-- BEGIN Button Button_Insert --><input type="submit" value="Add" name="{Button_Name}"><!-- END Button Button_Insert -->
<!-- BEGIN Button Button_Update --><input type="submit" value="Submit" name="{Button_Name}"><!-- END Button Button_Update -->
<!-- BEGIN Button Button_Delete --><input type="submit" value="Delete" name="{Button_Name}"><!-- END Button Button_Delete --></td>
</tr>
</table>
</form>
<!-- END Record NewRecord1 -->
</body>
</html>
|