Tables to tableless. I am willing to commit my life to tableless. Whats the next step

Well I have read a lot on the internet about tableless web design…. The more I read the more I feel…guilty about using tables to design my web sites. ☺ haha seriously I feel that it is time that I learn to design my sites without tables.. now.. Let me first start out by saying that I use dreamweaver…I know I know…all you code junkies are gonna call me a noob and everything.. But the fact of the matter is I am not a coder, I am a designer.
ANYWAY the reason for my post! I am currently working on a new web site, I have set it up using tables (rather sloppily I might add, Like I said, im a graphics guy not a code guy) Before I go any further here is what I have so far for my new site

sheffield.gomft.com/hfmcc/index.html

(SEE THE MONTHLY SPECIAL PAGE, Right bar) It looks kinda ok in Safari and is very messed up in Firefox. I am having some issues with the way the content is placing itself (on the right sidebar) when I elongate the main table. The box that contains the contact begins tiling itself, even though It looks fine in Dreamweaver, and all the furniture brands are not aligned to the top.


Maybe I need to go tableles… Does anyone have any suggestions on how I can attain this design? Either tableless or ….if I must, at least efficiently with tables? Thanks everyone.

Looks like its just the background image repeating, throw in a no-repeat.

Oh, and sorry for the shameless plug, but if you want a place to start with table less layouts, check out http://www.smdesignworks.com/blog/?p=22. 100% free tableless CSS/XHTML layout.

Yep that's an easy design to do in CSS.

You would have a div with an id of #main and one with #right, and they would be contained in a wrapper. Float both divs to the left (how I do it anyway) and that's easy peasy.

__________________

Welcome to tableless world

Some links about css layout techniques:
http://tjkdesign.com/articles/one_ht...ss_layouts.asp
http://www.glish.com/css/

To see cool examples with the same xhtml but different css and design:
http://www.csszengarden.com/

About your website, make two floated divs(like http://www.glish.com/css/9.asp) into your #container div.
Inside of the side div puts two divs for contact and banners. May be #contactBox and #bannerBox.
Other tip, for contact background, add no-repeat at end of css code:
#bannerBox { background: transparent url(maincontactbox.jpg) no-repeat }

Regards,
Dario

ok so...I set my image to not repeat... I also set all my tables to be the right size...its not working.. ATleast not in firefox!

see example here

www.hfmcc.com/hfmproblem.jpg

NOTE: I made the the background of the bottom box of the table pink so u can see whats going on better.