tabled or tableless (div based) layouts?

[anurdh65]

Comparing table-based and CSS-based versions of the design

The table-based version of the Yacht Club design (shown in Figure 1) uses the following techniques:

• Content is placed in a table that has two columns and three rows.
• Header and footer table cells use spans to merge them into long cells.
• The buttons use the Dreamweaver Rollover Image behaviors and each uses two images, one for the on and one for the over state of the links.
• The header, left column, and footer each have a background color on their cells.
• The content text wraps around the sailboat image by virtue of the image align and hspace attributes.

 

[Gorkfu]

Comparing table-based and CSS-based versions of the design

The table-based version of the Yacht Club design (shown in Figure 1) uses the following techniques:

• Content is placed in a table that has two columns and three rows.
• Header and footer table cells use spans to merge them into long cells.
• The buttons use the Dreamweaver Rollover Image behaviors and each uses two images, one for the on and one for the over state of the links.
• The header, left column, and footer each have a background color on their cells.
• The content text wraps around the sailboat image by virtue of the image align and hspace attributes.

Where's the CSS side of the comparison?

 

[anurdh65]

able Layout: it can be styled using CSS whereas a DIV can be floated and positioned to give you precise layout control.

Table Layout: Nested tables and spacer gifs make for messy markup and inaccessible websites.

Table Layout: forces a user to follow your document structure, not a typical document structure.

Table Layout: It may offer good browser compatibility but not device compatibility.

Table Layout: Tables require much more HTML to generate than using the DIV method and so increase the file size of the page.

Table Layout: Once it is laid out and used across a website, possibly hundreds of pages, any structural updates or amendments are both times consuming and expensive.

Table Layout: Presentation information is mixed with markup so maintenance becomes harder.

According to your goal, we begin our website designing work. Confident, you might know or you might want our assistance. We follow the following principles:

Functionality: Encourage action that is taken by visitors themselves. Creative and Reflective: The design should reflect not just business but also goals for achievement.

Domain Focused: Content focuses on desired actions and enhances the business's credibility. Focus on core concentration with profound customer centric approach.

Structure & Positioning: Intuitive navigation should be inviting to search engine robots and easy for customers to use. The creative visuals (graphic design) and the appropriate use of web technology work effectively.:kneeled: