Fluid 3-column Layout

…and now we come to what A List Apart calls “the Holy Grail” of layouts – the fluid 3-column layout. This is my version, brought upon by a request made on a message board for a 3-column layout where the designer could vertically center-align the sidebar content. Amazingly, I got it to work for her – but it didn’t work in anything but Firefox and IE6 (that’s all she was worried about, so...

read more ›

CSS Image Swap

Now, we come across a trick I ran into this morning. Someone had asked about a CSS-based rollover image swap for a site. You’ve seen these rollovers before – usually implementing javascript (I believe Dreamweaver even has this kind of function built in? I don’t know for sure – I don’t use it!) – usually for navigational purposes. Basically, the end user comes to the site, hovers over your link and the image...

read more ›

Two Column Fixed Width Layout

The Two Column Layout is the most popular of layouts I’ve done in the past. This site is even done in the two-column layout – it seems to be the most popular for simple websites. One column – narrow in width, is usually reserved for the sidebar navigation, the secondary column is wider and handles the content of the pages. An example to view – aside from the page you’re looking at right now: Basic,...

read more ›