[thelist] CSS - to list, to table, or to what? - A menu question

rudy rudy937 at rogers.com
Thu Jul 10 16:40:39 CDT 2003


> I've got a menu with duplicated content (http://www.torbytes.co.uk)

tony, do you mean the beginner/explorer levels?

well, if it were me combining them, i would change this --

  Beginner level
       Agatha Christie
       Isambard Kingdom Brunel
       John (Babbacombe) Lee
       Kents Cavern
       Paignton Zoo
       Singer Family
       Maritime History
       Torre Abbey
       Potteries and Marble Works

  Explorer level
       Agatha Christie
       Isambard Kingdom Brunel
       John (Babbacombe) Lee
       Kents Cavern
       Paignton Zoo
       Singer Family
       Maritime History
       Torre Abbey
       Potteries and Marble Works

to this --

  Beg Exp  Agatha Christie
  Beg Exp  Isambard Kingdom Brunel
  Beg Exp  John (Babbacombe) Lee
  Beg Exp  Kents Cavern
  Beg Exp  Paignton Zoo
  Beg Exp  Singer Family
  Beg Exp  Maritime History
  Beg Exp  Torre Abbey
  Beg Exp  Potteries and Marble Works

you suggested   [listitem label] [link1] [link2]

but i prefer   [link1] [link2] [listitem label]

i prefer it not only for the obvious usability reasons (links closer to
labels, less lateral eye movement, less error), but also because of the code

the code is simple, and therefore gorgeous

<p><a href...>link</a><a href...>link</a>listitem label</p>

or instead of <p>...</p> for each menu line, you can also use <li>...</li>

and here's the payoff:  it's liquid like mad

suppose it were designed your way, the other way around -- 

  [listitem label] [link1] [link2]

then you'd have to fix the width of the listitem label so that the links
would line up vertically

css is tricky, and you're afraid you'll have to use a table

flip the design over, code problem disappears

i love how that works

rudy





More information about the thelist mailing list