Did you know you can dynamically wrap modules in div tags within your Joomla! templates to make it tableless? For some this is old news, but for new users this could be a dream come true (I know it was for me when I first found out about them). With this knowledge, you can make your template validate XHTML and CSS, and almost WAI 1.0 Priority 1 in a default install of Joomla!
Step 1
I guess the obvious should be said first… make your Joomla! template without any tables. If you need help with this then please visit this page on our site to get a tableless layout to start with. After you find one that fits what you want then insert the modules into your template where you want your text to go.
Step 2
You may have noticed in some example templates that there are numbers after some of the module names (ex. < ?php mosLoadModule ( 'left', -3 ); ?>. This is where the magic happens! Just follow the list below to figure out what fits your needs the best…