|
The views to my blog have doubled in one day; I would really appreciate some comments.
Are you finding this information useful? Is there something I could be doing more of, or better?
Do you have any questions?
I am nearing the end of what I had intended to post in the first place; I should be done in the next few weeks. Then, if I have no comments or questions, I'm not sure what direction I will take.
I thank you in advance if you are going to take the time to comment.
Ok, what will we talk about today?
First, did you ever want to insert a little line in your writing and didn't know how?
Look no further; here is the tag for it:
<HR width=..% color=#... size=..>
Try it; I'll wait.....
Isn't that fun? What # did you use? I used 3...try different ones and see what happens.
Today we are looking at nested tables; these are tables within tables that give you a way to include different backgrounds to achieve a prettier look.
OK, this is a regular barebone table as we have seen in the last few days.
<table border=3 bordercolor=#000080 align=center cellpadding=10 cellspacing=50><tr> <td border=5 bordercolor=#ff8040><FONT color=#000000 size=4><B>We are building a nested table</B> </FONT></td></tr></table>
So, what if you wanted to add more borders to this table? How can we do that, you ask? Are you ready for this?
Yes? ok, we are going to add more tables...simple? and you can add as many as you want as long as you have the patience to fill in the attributes...lol.
There are 2 ways of doing this: you type it out, or you copy and paste and then change the attributes.
If you type it out, you have to add:
<table border=.. bordercolor=#...... align=center cellpadding=.. cellspacing=..> <tr>
<td border=.. bordercolor=#......> (before the word table) and you also have to add
</td></tr></table> (after </table> at the bottom of your work.
This gives you another table; put in the attributes you want to get the look you want.
The copy and paste method is self-explanatory, I think; copy what you need, place it where it goes and for the first part, erase the attribute values and plug in new ones.
Ok, most of us who play with these table are not satisfied with 2 tables; we want 3 because we want a slim line that appears between the first and second table.
So anytime you want a third table, what do you do? of course, you repeat what you did for the second table. No sweat!!!
This is a bare bone example of 3 tables; I have added background colors so you can more easily see the tables;
<TABLE bgcolor=#6300c6 borderColor=#000080 cellSpacing=40 cellPadding=10 align=center border=3>
<TR>
<TD border=5 borderColor=#ff8040>
<TABLE bgcolor=#ffffff borderColor=#000080 cellSpacing=10 cellPadding=5 align=center border=3>
<TR>
<TD border=7 borderColor=#ff8040>
<TABLE bgcolor=#004000 borderColor=#000080 cellSpacing=40 cellPadding=5 align=center border=3>
<TR>
<TD borderColor=#ff8040><FONT color=#000000 size=4><B>We are building a nested table.<br> We have 3 tables in this one.</B></FONT><
/TD></TR></TABLE> </TD></TR></TABLE></TD></TR></TABLE>
Once again you have to play with these values to see what you can get.
Also, I would suggest, once you are familiar with this table, that you add style to it with borders' names and size. It will be much prettier.
Don't forget that you can have 2 sections in your table, one for a picture (graphic) and one for the text. Actually, you can have as many as you want; you are always only limited by your imagination.
I leave you with this; I hope I haven't confused you too much.
Ciao for now.
|
