|
<center> <table width="300" border="5" bordercolor="#c0c0c0" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <applet code="lake.class" id="lake" width="300" height="376"> <param name="image" value="crater-1.jpg"> </applet> </td> </tr> </table> </center> |
|
Ok, look at the code above. In order to put a border around your applet you just have to add a simple table (the yellow code) around the applet code itself. The first thing you should notice is that the <center> and </center> have been moved to the *outside* of the table code. This centers the entire table and applet on your page. The <td align="center"> centers your applet in the table cell, (just leave that like it is). the cellpadding="0" and cellspacing="0" should be left at 0 to remove the inner cell border. Additionally, the code above is line spaced for a clearer view. When pasting it into your html page, make sure all of these >< in the table and applet code are butted up against each other like so: <table width="300" border="5" bordercolor="#008080" cellpadding="0" cellspacing="0"><tr><td align=center><applet code="lake.class" id="lake" width="300" height="376"><param name="image" value="crater-1.jpg"></applet></td></tr></table> Doing that will remove the space at the bottom between the applet and the bottom table border. Ok, when you use your own image you have to put *your* image width in *two* places now. Once in the applet code and once again between the "" after <table width="">. the number between the "" after border="" is the width of the border obviously, so you can play with that number until it looks right for your page, (a smaller number= a narrower border, a larger number= a wider border). The color code you put in after bordercolor="" determines the color of your border so go here (takes a while to load) to get some color code numbers. All you want is the r g b code below hex, don't worry about dec. You'll see something like fa eb d7 after a color, just choose the color you want and type that color code between the "" after bordercolor="", making sure that there's no spaces like so "#faebd7". You ever wonder why that # sign is there before the color code? Well, you don't actually need it, but the reason its there is because, believe it or not, there's still some old browsers out there that will *not* read the code right if it isn't there. I'm a gushing fountain of useless information..lol. Ok, best bet. Copy the whole code above, change the image name to *your* image name. Change your numbers to match *your* image in the *applet* code and in the *table* width, set your *border* width number to your liking, find a border *color* you like, add it, and have fun! |