Why tables for layout is stupid: problems defined, solutions offered

Why tables for layout is stupid: problems defined, solutions offered

Tables existed in HTML for one reason: To display tabular data. But then border=”0″ made it possible for designers to have a grid upon which to lay out images and text. Still the most dominant means of designing visually rich Web sites, the use of tables is now actually interfering with building a better, more accessible, flexible, and functional Web. Find out where the problems stem from, and learn solutions to create transitional or completely table-less layout.

BrainJar.com: Revenge of the Menu Bar

BrainJar.com: Revenge of the Menu Bar

This article details the construction of a menu bar like the one used on the main pages of this site. It’s built from standard HTML elements using CSS to define the look and layout and JavaScript to handle the action of the drop down menus.

Basically, we want to emulate the look and behavior of the menu bar commonly found on windowed applications. That is, display a row of buttons which when clicked on, display a drop down menu. Additionally, the menus may have one or more sub menus (which may in turn have sub menus).

Alternative Style: Working With Alternate Style Sheets: A List Apart

Alternative Style: Working With Alternate Style Sheets: A List ApartSwappin’ Styles

When a document is initially loaded, the persistent and preferred style sheets are applied to the document. The alternate style sheets can then be selected by the user. The W3C tells us that the browser should give us a choice of the style sheet we want to use, and suggests that perhaps a drop–down menu or tool bar will be provided.

phpWebSite

phpWebSite provides a complete web site content management system. Web-based administration allows for easy maintenance of interactive, community-driven web sites.

phpWebSite’s growing number of modules allow for easy site customization without the need for unwanted or unused features. Client output from phpWebSite is valid XHTML 1.0 and meets the W3C’s Web Accessibility Initiative requirements.