Webmaster Tips for Using Tables
Posted by David | Filed under Web Design Tips
Using tables is probably something every webmaster has to do from time to time, they are an important way of getting across a large amount of data, in a way that is useful to viewers. They can be used both to compare and list data. Despite what you may hear about using tables online in this context they are not bad because they serve a useful purpose and if made correctly will not impede your search engine listings or anything.
Creating tables is quite a time consuming process, even with a HTML editor available like SharePoint they still takes time. It’s important that when you create data tables they look neat, and similar in all browsers and the main screen resolutions, and for this reason it can be difficult to create universally good looking practical tables.
Key things to remember when creating a table, is to make sure it is easy to read, does not contain too much data, fits neatly on the page and has good cell padding and spacing. You do not want to overwhelm your users with too much information. It’s a good idea to set the width of a table to 100%, this way they will take up as much space as they need to fit in all the content they contain.
A good way to make your table look pleasant for your web users is to style with CSS. This can be as easy or as difficult as you want it to be depending on how you want your table to look. The advantages of styling with CSS means that you can tailor to all your tables individualy, they do not all have to be clones of each other, you can also use CSS to change the styling of one side of column of a table different to another!
There are some good websites out there that show you step by step how to produce some fantastic looking tables include Veerle’s Blog (easier for beginners) and Smashing Magazine . Also of interest is the Sessions.edu Colour calculator so you can find out what HTML colours you are after and what their contrasting colours are. One good tip I would give is to try not to copy and paste their tutorials into your website, you won’t learn anything that way! Try create your own CSS table using the tutorials as guidelines.
- Setting Up Your Own Website (Part 1) Setting up your own website is less difficult than you may expect, and it’s getting easier and easier as the Internet progresses. I think if...
- vBulletin vs phpBB Before I get started on this, I must stress that when it comes to things like this it is completely a matter of personal opinion,...
- What is FTP and how do I do it? FTP or File Transfer Protocol is a way a way of transferring data from one computer to another across a network. In most cases it...
- Search Engine Optimization Tips Recently a couple of my clients have asked me about getting their websites to the top of the search engine listings, and I’ve had to...
- Easy Form Generating Software For those of you who aren’t able to use the delightful cforms mod for WordPress, for whatever reason, then you may be looking for some...
Tags: CSS Tables, Tables