The traditional way of rendering horizontal menus and grids in Web pages is with HTML tables or by styling block level elements like dl, ol, or ul with Cascading Style Sheets( CSS). This often involves CSS workarounds for handling positioning issues.

In Menus and Grids, we present an alternate approach using fractal concepts. The article provides two examples of this approach using no images, no JavaScript, no ordered lists (ol, ul, dl), but just division elements, CSS, and a bit of fractal theory. These have been tested with the latest versions of Internet Explorer and Firefox browsers, only.

Since the only block level elements used are divisions, positioning issues and CSS workarounds associated with the use of list elements (ol, ul, li, and dl) are avoided altogether.

BTW. This month issue of the IRW Newsletter is dedicated to Fractals in IR and Web Design. It should reach subscribers’ inboxes next week.