digg

Join DiggAbout

Donkeys and Elephants and Delegates,oh my!
Check out the most popular Elections 2008 content on Digg.

See the original image at noupe.com

CSS-Styled Lists: 20+ Demos, Tutorials and Best Practices

noupe.com — Different methods to format nice CSS-Styled Lists. In this article, we ’ll have a look at how such lists can create a whole new look, feel, and effect of a site.

Bury
show profanity settings
expand all
  • jggube, on 07/07/2008, -2/+6Awesome roundup and kudos for including the relevant code snipplets.
  • MASTERPL, on 07/07/2008, -0/+6Much appreciated. Bookmarked for future reference.
  • jamieb122, on 07/07/2008, -0/+2nice, this is perfect, the dropdown boxes are actually exactly how digg does there menu system at the top...
  • mfartr, on 07/08/2008, -1/+1Great tips, and links to even more great tips to boot. Highly recommend you not miss this one.
  • niner9, on 07/08/2008, -7/+1Weeeeeeee
  • vinceislegend, on 07/08/2008, -0/+27Which one lets me put a little gray box of doom in the upper left?
    • Spectre77, on 07/08/2008, -0/+8I was really hoping that when it was peeled the rest of the way off, gmail would no longer be in "beta"
  • markstory, on 07/08/2008, -1/+13Ahhh! inline javascript everywhere! and on a site whose tag line contains 'clean usable sites'. Since when is this clean and usable?
    • sparsely, on 07/08/2008, -0/+1And they should at least strive to be a site with a design which is clean & usable.
  • sofaKing812, on 07/08/2008, -0/+2Can anyone recommend (and link) a good beginners tutorial. I have found a couple, but I'm always looking for better ones. Learning this through repetition seems to work best for me on stuff like this. Thanks.
  • DownIsTheNewUp, on 07/08/2008, -6/+4The only CSS I want to hear about:
    www.myspace.com/canseidesersexy
  • retrovertigo, on 07/08/2008, -0/+2The first person that invents a way to make rounded corners without having to do any kind of CSS coding or image tricks will be the King of the Internet.
    • jamieb122, on 07/08/2008, -0/+1I hear you on that....why doesn't CSS just add a "corner-radius: 1px" feature....
      • sparsely, on 07/08/2008, -0/+3It's part of the CSS3 standards (border-radius property), but not implemented in any browser natively. Mozilla can access it with the -moz-border-radius property, and in Safari with the -webkit-border-radius property, but it is not valid css and does not affect other browsers.
        advertise an "enhanced user experience" for those with firefox, and maybe some of the holdovers will be convinced to at least try another browser ;)
    • caltheos, on 07/08/2008, -0/+1Firefox and Safari do already. Unfortunately IE7 is lacking.
      http://www.css3.info/preview/rounded-border/
      • jamieb122, on 07/08/2008, -0/+0oh understandable, unfortunately for me to use it, it must work on all browsers....otherwise, what is the point?
  • Braxo, on 07/08/2008, -1/+9CSS-List styling? Brings me back to the first days of Digg where 80% of all front-page articles and tutorials were on styling lists.
  • jshaw3, on 07/08/2008, -2/+0LEEEGIT!
  • ds|tan, on 07/08/2008, -0/+1*bookmark!*
  • hyphen8, on 07/09/2008, -0/+0Would be nice to see some other examples using just html/css, as the last thing I need on my site is some more 'bloatinesss' with javascript, but saying that I'll probably find myself trying a few for aesthetic reasons, I'm such a whore!
  •  

    Login or register to add a comment

    Create a new account or login to join in the conversation on Digg. You'll also be able to Digg stories to help promote things you like.


© Digg Inc. 2008 — Content posted by Digg users is dedicated to the public domain.
DIGG, DIGG IT, DUGG, DIGG THIS, Digg graphics, logos, designs, page headers, button icons, scripts, and other service names are the trademarks of Digg Inc.