Fancy Unordered Lists (bullet points) using CSS
Have you ever wanted to add fancy bullet points to your unordered lists in your(x)HTML but never knew how? The truth is, it’s actually really easy to achieve. All you need to do is add a CSS class to your unordered list and then use your CSS to add your chosen image as the bullet points. In this post I’ll walk you through this step by step. First lets take a quick look at the list we’re going to be creating:
- This is the first list item
- This is the second list item
- and this is the third list item























For many web designers and developers, getting a website to look and function the same in different browsers can often be a challenge. This challenge is often made even more difficult when trying to achieve the same appearance across Microsofts hugely different versions of it’s Internet Explorer browser - none of the IE browsers have ever complied to web standards, and each different version comes with it’s own quirks to deal with. So you would think you could just install all the different versions and test your web pages in each of them…wrong, it’s often impossible to get all the different versions (namely IE6, IE7 and IE8) running on the same computer, especially if you are running Windows Vista which will not let you install IE6 at all.