Comments on: Lists that don’t look like lists

By: Dean C

Dean C — Tue, 30 Nov 1999 00:00:00 +0000

alistapart's example looks great :)

By: OfficeOfTheLaw

OfficeOfTheLaw — Tue, 30 Nov 1999 00:00:00 +0000

what kind of remote control is that supposed to be? Fruit buttons?

I think a better way would have been to make, say, 3 un ordered lists with the

s floated left, making 3 rows of buttons. From there, we could set the background images for

's to be a default button image, with on hover using a lit up button (perhaps this should be applied to ?), and just use text for the button labels.

By: ac070

ac070 — Tue, 30 Nov 1999 00:00:00 +0000

Dave Shea's CSS Sprites example is particularly refreshing.

thanks for the pointers.

By: omnicity

omnicity — Tue, 30 Nov 1999 00:00:00 +0000

Dave Shea’s CSS Sprites example is beautiful, but I should point out that the shapes are NOT irregular as stated above – by overlapping them carefully one can ‘cut out’ of another, but that is very limited. Most of the effect here is from the graphics, rather than from the coding.

By: xDev

xDev — Tue, 30 Nov 1999 00:00:00 +0000

Nothing is impossible. Draw up any interface you please, however complicated, slice up the pieces, as it was done so sucessfully in the 90’s, and code away. In the old days we did it with tables. That IS very limiting. Using lists with the parent ul set to position: relative and the child li’s set to absolute and you can position anything anywhere you please – your only limited by the dimensions of the page and the parent itself. Dave Shea’s example was a revelation when I first saw it and it still gets my creative juices flowing every time when I think of the possibilities that this technique can accomplish.

By: Russ Weakley

Russ Weakley — Tue, 30 Nov 1999 00:00:00 +0000

a modified version is now online that hopefully looks less like fruit buttons:

http://www.maxdesign.com.au/presentation/remote/remote-new.htm

:)
Russ

By: xDev

xDev — Tue, 30 Nov 1999 00:00:00 +0000

That's what I call a remote! I wonder what that guy has to say now.

Can't stand those people who insist on comparing Flash to CSS. It's not even in the same universe. I have a feeling its the types who decided that when they wanted to learn to make websites they went straight to flash, just to be cool, and now they don't really know any other way. You see that a lot even with the flash gurus. If an html version is even made at all, it usually looks as if it was done in FrontPage as an afterthought ... and by someone who doesn't even understand the rudimentaries of basic html and css.

By: Kermit

Kermit — Tue, 30 Nov 1999 00:00:00 +0000

Most people can learn technique from good examples. One of the best web sites for demonstrating CSS design (and particularly lists) is the CSSzenGarden site
for example of basic lists (without JS)
and [url=http://www.csszengarden.com/?cssfile=088%2F088%2Ecss ] for scrolling background on different z levels [url=http://www.csszengarden.com/?cssfile=058%2F058%2Ecss] all the demo pages on this site have exactly the same html and the only varient is the css file being applied

By: Deep13

Deep13 — Tue, 30 Nov 1999 00:00:00 +0000

Listamatic example were simply brilliant..
and even remote control one...
very good article.. :)

Deep

By: luxuryluke

luxuryluke — Tue, 30 Nov 1999 00:00:00 +0000

I enjoyed making my interactive folder list a few months ago, and since then i've broken the barrier of how to weave in between Explorer's stepchild behaviors (no offense).

In all actuality, I'm *glad* that Bill will release IE 7! If it's anywhere as good as Firefox, all of us CSS coders will eventually be able to take coffee/smoke/horseshoe breaks again.