CodeCharge Studio
search Register Login  

Visual Web Reporting

Visually create Web Reports in PHP, ASP, .NET, Java, Perl and ColdFusion.
CodeCharge.com

YesSoftware Forums -> General -> Web Design

 using div tags to make two column table

Print topic Send  topic

Author Message
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>

View profile  Send private message

Add new topic Subscribe to topic   


These are Community Forums for users to exchange information.
If you would like to obtain technical product help please visit http://support.yessoftware.com.

PHP Reports

Visually create Web Reports in PHP, ASP, .NET, Java, Perl and ColdFusion.
CodeCharge.com

Home   |    Search   |    Members   |    Register   |    Login


Powered by UltraApps Forum created with CodeCharge Studio
Copyright © 2003-2004 by UltraApps.com  and YesSoftware, Inc.