All About Tables and Codes for creating them: Lesson 1 - A Color Table Border. Here is a simple table border around an image. You can have these borders in any color you wish.
Note: you can fool with the color and border number to get the desired look you want. Lesson 2 - Adding Two Color Table Borders. To add another colored border around your image use this sample code below:
It is possible to have as many of these colored borders as you would like. Lesson 3 - A Colored Background With A Colored Table Border, Around An Image. Here is a sample with an image sitting in a colored table border, with a background color behind it. Here is the code to do this:
Lesson 4 - Using A Background Gif Or Jpg In Place Of A Border Color Or Background Color. You can use a background or even an image to color your borders and backgrounds. Please DO NOT use animated gifs to do this. Here is the code for this:
Lesson 5 - Three Different Table Backgrounds Using Gif Or Jpg Images. In This Sample I Will Have Three Different Image Backgrounds In Use. Here is the code for this:
Lesson 6 - Adding Some Text Inside The Table. I Will Use The Table In Lesson 5 And Add Some Text To It. Here is the code for this:
This Is The Now
Famous
Draac Ape !!
The First Image
For Many
Html Students
Of Mine.
Lesson 7 - Adding Some Text Inside The Table To The Right Of The Image. This Will Allow You To Put Text To The Right Of An Image With A Table Border Around The Image. Here is the code for this:
This Is HowTo
Put Text To The
Right Of The Ape.
Lesson 8 - Adding Some Text Inside The Table To The Left Of The Image. This Will Allow You To Put Text To The Right Of An Image With A Table Border Around The Image. I'm Going To Use Colors In Place Of Gifs Or Jpg Backgrounds For The Borders. Here is the code for this:
This Is How To
Put Text To The
Left Of The Ape.
Lesson 9 - Image In Wood Frame With Title Bar. Here is how to place an image in a wood toned wood frame, with a picture title bar. Here is the code to do this:
The Draac Ape
Lesson 10 - Three Celled Box ( Two Colors ) With Text, Marquee Text And One Clickable Text Link. This is a cool box. You can fool with the numbers and colors to see what else you can make out of it. Try images in place of the text. Try audioscopes too !! Here is the code to do this:
The Draac Ape
Lesson 11 - How To Make Those Music Buttons You See At The Top Of This Page. This is how to make a simple button using tables. You can make them clickable to any URL. Here are the codes to make these buttons: This code is for the music link button:
Music
This code is for the page link button:
Draac's Gifs 123
Lesson 12 -Two Images With Colored Borders And Title Bars Placed Side By Side. This code may come in handy when making a photo album. Here is the code to do this:
Smile Now
Draac Ape
Try a four images to make a kind of 4 block. To do this, write the code for the two framed blocks side by side, then put a
and then re-write the same code again. Maybe try 6 framed blocks !!! Lesson 13 - Just A Cool Marquee Table Box. Here is a cool example of a marquee table box. Write in this code and have fun fooling with the marquee commands,text colors and table colors...:+) Here is the sample: Here is the code to do this:
This Is So Cool Draac
Cellpadding is the area you see around the text in each of the cells. The larger the Cellpadding number the less room the text will have to move around in. Cellspacing are the "bars" you see in between each of the cells. The larger the Cellspacing number, the thicker these "bars" will be. In the Marquee commands, the Scrollamount is the speed in which the text moves. When you have yours made, fool with these numbers to see for yourself what changes take place...:+) Lesson 14 - A Clickable Banner Box With Marquee. Why not display your banner in a nice table box ? Play with the colors to match your banner. The color chart is below. Here is the sample: Here Is A Webtv Color Chart, See How Creative You Can Be With The Border Colors. The WtvJunkie's Color Chart Here is the code to do this:
Click On My Funky Banner
Lesson 15 - A Three Cell Banner Box. Here is a wild looking box to place a banner in. Maybe instead of a banner you could put an audioscope there. The possibilities are endless with tables. Here is the code to do this:
This Is A Nice Look !
For Your Banner !!
Lesson 16 - A Multi-Celled Link Box. This is a link box I came up with. I have music in this sample but you can have links to web pages in yours. Sorry PC users you can't see the audioscope in the last cell, it's Webtv Only. Here is the code to do this:
Click On Any Song To Play
Bach Beethoven Mozart
Hayden Vivaldi Ravel
You may have noticed I used the webtv only(nocolor)tag with the music links. Putting this in will stop the default link and vlink colors. In Webtv emails the default colors are blue and lighter blue. This gives you the option to use what ever color you like in your links. Colspan is the command to widen the table cell across a certain number of cells. After you make this box work, go back and try colspan="2" to see what it does. Lesson 17 - Clickable Button Box. Here is a table box that incorporates form buttons for the links within a table. Here is the code to do this:
Press On A Link Button Below
Have Fun, With This Box.
See What You Can Create!
Lesson 18 - Two Pictures With Center Text. This would look great on top of your web page as a title bar with two pictures. Here is the code to do this:
Monkey See, Monkey Do !
Makes A Monkey Out Of You.
A Quote From Magilla Gorilla !
Make your own free website on Tripod.com