How to i limit the size of a table?

I have a couple questions about tables:

1)I would like my background image and table with all my site content to be correct with eachother but the tables writting goes a little bit over the background image... how can i better line them up?

2) how to i lower the table to that the top of my background image is visable (right now the table just starts at the top of the page and covers the website title that is written on the background image.

3) My table with the site content is naturaly out from the side of the page leaving some white space on the left however, the background image is stuck against the side completly so it looks goofy. how can i align my background with my table?

thankyou

 

Are you using a CSS stylesheet?

 

Are you setting a size for the tables? If so are you using absolute size or percentage?

You are using straight tables, not CSS, correct?

 

have a css style thing in the header that changes the font and link color, this is were the background image code is as well

and no i have not set any size for the tables, should i and how so?

 

Yes you should definitely set a size for the table -always. You can do this either by CSS or within the table tag itself.

Im not sure how familiar you are with CSS so I wont try to go into all the details right off the bat. If you use the table tags themselves you can simply begin your table tag something like:

<table width="728".......

or <table width="75%" .........

 

<table width="...." bgcolor="#000000">

 

if you want to apply this to all your tables you can also put this in your style/css:

table{width: X px;} or table{width: X %;}

or give the a class with some name to tables: <table class="Y">
and then do it like this:
table.Y {width: X px;}
this will apply to all tables that have the Y class!

 

very good information it all worked perfect and was very easy to understand the instructions . i now am able to position the width perfectly, thanks! now how can i bring the table down from the top so the top of my background is vissable? and how can i move the background image away from the top left?

 

Putting padding on the body tag might work for this...

body { padding-top:10px; }

Code (markup):

or padding/margin on your table

<table width=100% border=0 cellspacing=0 cellpadding=0 style="margin-top:10px">

Code (markup):

Hmm... Maybe this:

body {
 background-image: url(/images/bg.gif);
 background-position: 0px 10px;
}

Code (markup):

 

wow... that worked perfectly thanks alot! if i got any more questions ill be sure to ask