Help With Tabling a Frame
A Help Page by Mary
First and foremost, I want to give a big THANKS to Sally for all her help and willingness to explain table codes to me, sometimes over and over. She helped me with this code and now it's up to me to try to understand just what it does. Keep in mind that I am still learning. :-) That's the purpose of this Help Page.
Here is the tabled image we will be working with. I would recommend printing the code in the textarea and keep it handy for reference. Copy the code onto a testbed to play with it.
This tabled image has a main table which is the frame. This is where you can make the border the width you want. Change the cellpadding (cp) and cellspacing (cs) numbers to see what they do. Cellspacing is how wide apart the table cells are. The depth of the frame is created by the border. Cellpadding is the distance between your image and the side of the cell.
In that main table are three cells and each cell will be aligned center. Each cell will contain a table.
That table will contain a row with a cell. The cell contains the align="center" and could contain the bgcolor.
The main table code----
<center><table bgcolor="#14234e" cp="0" cs="0" border="10"><tr><td align="center">
Notice the <tr> (row) and the <td align> which is the cell.
See this example of the main table frame (red).
In that cell will be three tables. Here's the first table which will have the scope in it.
<table border="8" cp="0" cs="5" bgcolor="#14234e"><tr><td align="center"><audioscope bgcolor="#f2f3f4" rightoffset="10" leftoffset="10" rightcolor="#14234e" leftcolor="#14234e" width="30" height="200" gain="10"></td></tr></table></td>
Notice this table has a row and the cell. The cell contains the scope. After the scope attributes, the cell is closed, the row is closed and the table is closed. Since this table is in a cell, the cell will need to be closed. Therefore, the </td> after the closing table tag. (</td></tr></table></td>)
See this example of the table border (blue) and the background of the scope (yellow).
Now, for the center table---
<td align="center">
<table bgcolor="#14234e" cp="6" cs="0" border="8"><tr><td align="center"><img src="http://www.wtv-zone.com/Kitkat3l/Help_Pages_3/candle_rose.gif" width="200" height="200"></td></tr></table></td>
(Note the last closing cell.)
Here is an example of the center table border (green).
The last table (the right scope) is done just like the first table (the left scope).
<td align="center">
<table border="8" cp="0" cs="5" bgcolor="#14234e"><tr><td align="center"><audioscope bgcolor="#f2f3f4" rightoffset="10" leftoffset="10" rightcolor="#14234e" leftcolor="#14234e" width="30" height="200" gain="10"></td></tr></table></td>
Notice this table has a row and the cell. The cell contains the scope. After the scope attributes, the cell is closed, the row is closed and the table is closed. Since this table is in a cell, the cell will need to be closed. Therefore, the </td> after the closing table tag. (</td></tr></table></td>)
All three tables have been closed. Now, it's time to close the main table. (</td></tr></table></center></body></html>)
I would suggest going to a testbed with the code and try different numbers and colors to see just what they do. And practice, practice, practice. You'll be surprised at what you come up with, I guarantee it. :-))
Dated this 22nd day of March, 2008.
Click here for more Help Pages by Mary.