|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
A |
B |
C |
D |
E |
F |
G |
H |
I |
J |
K |
L |
M |
N |
O |
P |
|
|
|
|
|
|
|
|
A |
B |
C |
D |
E |
F |
G |
H |
I |
J |
K |
L |
M |
N |
O |
|
A |
B |
C |
D |
E |
F |
G |
H |
I |
J |
K |
L |
M |
N |
O |
P |
Q |
R |
S |
T |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| A |
B |
C |
| D |
E |
| F |
G |
H |
I |
| J |
K |
L |
M |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
If you do not see the type of table you are looking for, you
can neomail
me and request it. Please have some knowledge on how to edit
your tables as I can only offer limited help due to time restraints.
However, all work will be done on my time frame and I would appreciate
some sort of link back on your page. When your page is complete
neomail me and I will link to it below. (Custom Tables Only)
|
Basic Editing |
Examples |
Border
- I have all of these tables set to 1 by default. You can
make them anysize you would like. 0 will give you a result
of no borders at all. If you are coding your page with css
you can have more control over your table borders. Patraiki
explains this nicely. |
|
Border Color - I
have all of the tables set to black( #000000) just so you
can see the code you are working with. You can change this
to any color you would like, or leave it blank for a basic
border. |
|
Width - Is
set to 75% by default. Adjust this to the size you require.
You can change by % or pixel. To change this you find the
td and change it to td width=?? and insert
your numbers until you have it where you want it. |
|
Height - If you take the height out, your table will grow with your information. You can specify a height to maintain control of the table size if you wish. After table width="75%"
add height="?? |
|
Background - Where it says bg color =
you can change this by inserting a basic color name or a
hex decimal number from this chart HERE
You can also use an image as your background. You would
replace bg color="#000000" with background="url
of your image
To replace the background of one cell you would add put
bg color="#000000" after the td that starts
the cell you are using
To replace the background color of one Column you would
add bg color="#000000" after the tr that is
for the column you are using
|
|
Cell Spacing
- sets the amount of space between the cells of a table. If
the borders are visible, it controls the width of the internal
borders. If you want a solid line leave it set to 0. |
|
Cell Padding
- sets the amount of space (both horizontal and vertical)
between the cell wall and the contents. |
|
Detailing Changes |
Examples |
Change the inner border
colors - add bordercolor="#999999" after
the tr before the end |
|
Change the inner border
of just one Colum.- Add bordercolor="#0000FF"
after the td before the end tag |
|
Text Positioning
- I have all of the cells set to start at the top and center.
If you look at the coding you can chage it from center to
left or right, and from Top to, Middle or Bottom. |
| Left/Top |
Left/Middle |
Left/Bottom |
| Center/Top |
Center/Middle |
Center/Bottom |
| Right/Top |
Right/Middle |
Right/Bottom |
|
Font - Add your font size and color tags
inside of the div tags like this.
|
|
Placing Tables inside of Tables - Is a
very convienent way of being able to organize things. Just
place the code for the table you are inserting right into
the spot where you would be placing the text.
For effect table one has a red border and table
two has a blue border.
|
|
Adding a row - The new filter messed this section up for me, will edit when I find out how to do this now. |
|
|
Adding a column - find the
column you would like to add it next to and
add a second set of td tags underneath it.
*remember you will have to add this column code to every
row that currently exsists if you want to keep it even for
the whole table.
|
First Column |
Second Column |
| First |
Second |
|
Adding a scroll bar - Find
the cell of the table you would like to scroll.
Add this code and adjust the numbers and/or center, right or left as needed. |
|
