Web Development from Scratch: List Item Styling
basixvideos

Web Development from Scratch: List Item Styling

Tutorial Details
  • Difficulty: Beginner
  • Format: Video
This entry is part 14 of 15 in the Web Development from Scratch Session
« PreviousNext »

You’re not only limited to the default disc symbol for list items. You can choose from a variety of built in options, or use custom images or symbols! I’ll show you how in this episode.

Choose 720p for the clearest picture.
Subscribe to our YouTube and Blip.tv channels to watch more screencasts.

Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://edwinhollen.com edwinhollen

    One of the best tutorials I’ve seen here. I’ve always been some what apprehensive to use CSS backgrounds for bullets, but you explained it very well and now it’s a piece of cake. Thank you, Mr. Way!

  • Ryan

    Any workaround for IE7 since it doesn’t support the :before psuedo-element?

  • Jim

    Is there a better way to add space between the ✔ and the text other than:

    content: “✔ 0a0 “;

    • Jim

      correction:

      content: “✔ 0a0″

  • http://www.bananefraise.com Dany

    Very helpfull!
    i didn’t know the li before technics.
    thank you

  • Daniel M.

    You’re a great teacher, very helpful tutorial, thanks.

  • Mike

    Not to sound ungrateful, but what happens after the fragments section? We build the copy of nettuts, but content only, then the video ends and the next one is this?

    Are the rest of the videos premium only?

    • http://www.jeffrey-way.com Jeffrey Way
      Author

      Check out learncss.tutsplus.com instead. :)

  • http://www.networkstudio360.com phil

    Hey Jeffrey great series man,