Space between tables

Hi,

I am a HTML newbie and have a small prob I am sure is easy to fix.

If you goto www.aaron-lennon.com/aaron-lennon-videos my prob is I have the videos in one table and below it is the biography which is in a whole new table, now I would like a space between the last video and where it says 'aaron lennon biography' like there is a space between my header and the menu links but everything I try doesnt seem to work.

Thanks

 

You can just type:

<br><br>

Code (markup):

Or add one <tr> to the table with empty <td>'s:

<tr><td height="20">&nbsp;</td></tr>

Code (markup):

 

I tried the br thing before and it didnt do anything, nor what you said after got a space either.

 

This is invalid markup;

  <p><table width="100%" cellpadding="0" class="contenttable" id="contenttable">
<tr>

Code (markup):

A p element may not contain a table. A simple margin would get the separation you want.

.contenttable {
    margin-top: 1em;
    }

Code (markup):

Looking at the markup, I see no sane reason for the tables at all.

cheers,

gary

 

Where do I put

'.contenttable {
margin-top: 1em;
}'

Thanks

 

Um, in your style sheet. Are you not familiar with css? In that case, Google for css tutorials, and work through a few.

In your style.css file is

#contenttable {
background-color: #A5B3CE;
}

Code (markup):

Use it instead of .contenttable.

#contenttable {
    background-color: #A5B3CE;
    margin-top: 1em;
    }

Code (markup):

cheers,

gary

 

I just added that and it still hasn't worked.

 

what i would recommend to you , is to let those tables off and use CSS instead . Its worth it , and the mordern technology insists you to use them .
Enough time , if you have , please consider shifting to CSS based layouts .

www.alistapart.com should help you with them .

 

I will take that under consideration for future projects, but as I said I am very much a newbie for html and stuff and I always get my designs done for me, but in future I will ask for css ones maybe too.

 

try using <br>&nbsp;

 

tried all that, doesnt work either, I have no clue what is up, it looks fine before I upload it and as soon as I upload it there is no space.

 

It does, actually. Why don't you play with the values a bit?

gary

 

make sure there is no space in your html file where the break is happening, sometimes that fixes it. also make sure div id wrapper has no margins on top, state it specifically.

 

As I said, ive tried all that and nothing seems to work, they are seperate tables and are acting like they are one, before I upload the file it looks perfect but when I upload it there is no space.

 

Makes no sense. Are you sure you cleared your browser cache and your site isn't using some caching mechanisms.

All the suggestions here should do the job...

 

Well it didnt do the job as I showed others and it didnt work for them either, I know its weird because it looked fine before I uploaded it, anyway I now have it sorted it seems doing what someone else said.

Thanks all for the help, much appreciated.