Web design ‘Tables’

Web design ‘Tables’

This week’s blog post involves tables in web design. Today we will be taking a look at tables and how, what, why they were used in the past web design tense. “Under what circumstances should you use tables in web design? (How) Does this differ from how they have been used in the past?”


Why not tables?


Tables are known to be very hard to use and find things within, but it is also hard for the screen readers to display and recognize these tables (especially nested tables.)

One of the reasons HTML5 is against the tables is because of this specific reason. Maintaining a table design will be very difficult to maintain,. We have evolved in technology now, and the use of tables is not needed, its almost prehistoric/primative way of designing and coding.  Tables should NOT be used for layout.

here is an example of table layouts and div layouts. This is taken from SmashingMagazines.com

<table cellpadding="0" cellspacing="0" border="0">
	<tr>
		<td colspan="3" height="120px">....</td>
	</tr>
	<tr>
		<td class="menu" valign="top">...</td>
		<td class="content" valign="top">...</td>
		<td class="aSide" valign="top">...</td>
	</tr>
	<tr>
		<td colspan="3">...</td>
	</tr>
</table>
<div id="header">...</div>
<div id="menu">...</div>
<div id="content">...</div>
<div id="aSide">...</div>
<div id="footer">...</div>

When are they acceptable? 


Tables are only best to use when you are ACTUALLY creating some form of table, whether it be a chart, informational purposes, and tables.

Table 

1 2 3
this is the table you see? When designing layouts, only use things that actually require tables.
Never use tables to Layout your design, because then things will become a lot harder to maintain.
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s