amsterdammer

HTML/CSS tutorial for web designers
time needed : 1 hour | dificulty : easy

Many older websites are build with Tables to create their layout, this had usually more to do with unexperienced webdevelopers than anything else.

I remember asking for my first webpage review on the Estetica Design Forums in 2011, thinking that my pages looked alright and expected mostly praise and compliments.

First thing mentioned was that my code was outdated and that it would result in slow page build-up,mainly thanks to my use of the Table attribute. To this day I still see that comment being made to a large procentage of new members, and I myself am now preaching to remove all the tables from most sites whenever someone asks a review of their website.

Tables however, should not be banned from your website by default, just never use them for layout design...ever. Tables should be used for tabular data. This means that when you need to display lists of information, usually from a database, you should use the attribute. In this article (my first ever) I will try to show how to replace your Tabled navigation menu's with the List attribute.

Dropdown menu

This is a simple dropdown menu that does not require any script other than HTML and CSS, and has no Tables

.

Page 1-3 Page 1