Web Development from Scratch: List Item Styling
basixvideos

Web Development from Scratch: List Item Styling

on Jun 10th 2011 with 9 comments
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.

 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

I'm the editor of Nettuts+, and help out on the Envato marketplaces.. I also (very infrequently) blog on my personal site. Feel free to check that out as well...if you're bored. Follow us on Twitter, and subscribe to the official Nettuts+ YouTube page if you want to live.  

Plus Premium
 
 
Add Comment

Discussion 9 Comments

  1. edwinhollen says:
    July 6, 2011 at 6:46 am

    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!

    Reply
  2. Ryan says:
    July 6, 2011 at 11:16 am

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

    Reply
  3. Jim says:
    July 12, 2011 at 4:57 am

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

    content: “✔ 0a0 “;

    Reply
  4. Dany says:
    October 26, 2011 at 2:00 pm

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

    Reply
  5. Daniel M. says:
    November 5, 2011 at 10:33 pm

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

    Reply
  6. Mike says:
    February 3, 2012 at 12:52 pm

    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?

    Reply
  7. phil says:
    May 10, 2012 at 4:47 pm

    Hey Jeffrey great series man,

    Reply

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.