In this tenth part of a thirteen-part series, we shall consider what changes when we use more text (a paragraph or more) and images with tabular forms. It can be difficult to do this with traditional database programming. Here it is easy because we have a recordset whose contents can be seen (the HTML table element with the default display property). All we need for an image in the recordset is a link to the image.
Laying Out a Database Form with HTML - The Code (Page 2 of 4 )
For simplicity, the code I am giving here is not directly connected with the previous codes. However, if you have read all the previous articles then you will be able to link the code here to the codes of the previous parts.
td#TDAE1 {text-align:center; display:none} /* the conspicuous button */
</style>
</head>
This section contains the opening HTML tag and the HEAD element. The head element contains the style sheet. Note how I gave the dimensions to the DIV element (div#Tabular1) that holds the recordset.
The Body Element
The body element has one main table. The main table has three rows and two columns. The first row has its own table. This table takes the title of the web page and any other information that might be necessary for the top of the page.
The next row of the main table has two cells. The first cell has the DIV element, which has the recordset. The second cell takes the Shopping Cart. I have not explained the Shopping Cart in this series, but that is a good place to have it. The third row takes the form. Recall that the form has the Transmitted Table.
This is the code for the body element and the closing HTML tag. The code does not show the recordset element:
HTML 
Building the Recordset for an HTML Database Form
