Topic: Aligning tables in CSS

I'm just getting back into web design after a many year break, decided I like CSS, but I don't have a clue.
I'm sure I'll have lots of problems to bother you with, but for the moment...

I want the tables on this page to be side-by-side, while right now the top of each table starts at the bottom of the preceding one.

http://www.vampdigital.com/home.html

http://www.vampdigital.com/style.css

Any suggestions are greatly appreciated.

** also, I've been reading about tableless design via CSS.... maybe I'll try that if you guys think it's worth doing.
Keep in mind I mostly just bash my bash my face on my keyboard until I get a website to do what I want, at this point.

(Edited by Mastametz on 07-21-2009 14:33)

http://www.ozoneasylum.com/29308?&latestPost=true#latestPost

Weeee grailfail.

(Edited by reisio on 07-21-2009 14:36)

you are looking for the float attribute.

and yeah, semantic is the way to go (not tableless... different pair of shoes)

Yeah, this seems better.
Now what I'm wondering is, say I am going to have the exact same wall of text on the footer on every page, how do I define my footer in CSS to include that wall of text? or can I do that?

In other words, I'm looking to "encapsulate", I'm familiar with doing it in C++ but not in CSS.

CSS is all about presentation - not content.
You will ideally use some sort of server side code to achieve this, building some form of templating system that will include all of your recurring content (header, footer, navigation, etc).

CSS can define the way that those elements are layed out and displayed on the page once you do that...

reiso: what's that grail fail about?