HTML Positioning

[SpArKs]

What is the best way in html to position a table in a website at the bottom right?

<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-collapse: collapse\" bordercolor=\"#111111\" width=\"36%\" id=\"AutoNumber1\" align=\"right\"> <tr> <td width=\"18%\"><img border=\"0\" src=\"but1.PNG\" width=\"200\" height=\"60\"></td> <td width=\"3%\"> </td> <td width=\"79%\"><img border=\"0\" src=\"but2.PNG\" width=\"200\" height=\"60\"></td> </tr> <tr> <td width=\"18%\"> </td> <td width=\"3%\"> </td> <td width=\"79%\"> </td> </tr> <tr> <td width=\"18%\"><img border=\"0\" src=\"but3.PNG\" width=\"200\" height=\"60\"></td> <td width=\"3%\"> </td> <td width=\"79%\"><img border=\"0\" src=\"but4.PNG\" width=\"200\" height=\"60\"></td> </tr> <tr> <td width=\"18%\"> </td> <td width=\"3%\"> </td> <td width=\"79%\"> </td> </tr> <tr> <td width=\"18%\"><img border=\"0\" src=\"but7.png\" width=\"200\" height=\"60\"></td> <td width=\"3%\"> </td> <td width=\"79%\"><img border=\"0\" src=\"but7.png\" width=\"200\" height=\"60\"></td> </tr> </table>

 

[G-Dub]

Using CSS! :thumbs:

 

[Beerdude26]

Like YTMND does with its logo?
Random example:
http://armrockets.ytmnd.com/

Check the source.

<!--
      a { font-family: verdana; font-size: 12px; color: #FF0000; text-decoration: none;	}
   body { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; margin: 0px 0px 0px 0px;  height: 100%;
        }
     td { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; vertical-align: top; }
[I][B]#corner { position: absolute; left: 0; top: 0px; overflow: visible; width: 100px; height: 100px; margin: 0 0 0 0; padding: 0; z-index: 9999; border: none; float: none; }[/B][/I]
#infobar { display: none; z-index: 1; height: 100px; width:100%; top: 0; left: 0; position: absolute; margin: 0px 0px 0px 0px; background-color: #FFFFFF; overflow: hidden; }
#keywords { border: 1px solid black; padding: 5px 5px 5px 5px; width: 500px; text-align: left;}
.keyword { background-color: #CCCCFF; font-family: Verdana; font-size:11px; color:0000FF; text-decoration:underline; font-weight:bold; }
    -->

Then it is used like this:

[I][B]    <div id="corner">[/B][/I]
   [img]http://content.ytmnd.com/assets/images/corner_test.gif"   usemap="#rc" >
      <map name="rc"><area shape="poly" coords="0,0,100,0,0,100" href="#" onclick="javascript:showvote(); return false;" title="" /></map>
    </div>

Just change it to make that happen in the bottom right corner

 

[G-Dub]

You should definately use a cascading style sheet to position it.

 

[SpArKs]

Thanks guys you ROCK!