Our Terms of Use and Privacy Policy have changed. We think you'll like them better this way.

Test show

  • Broadcast in Music
GTR

GTR

×  

Follow This Show

If you liked this show, you should follow GTR.
h:219
s:421699
archived
There are several methods, none completely satisfactory: * Use the list-style property of Cascading Style Sheets. This should be the preferred method of using custom bullets, but unfortunately it's not widely supported by browsers. However, non-supporting browsers will see a normal bullet, so using this method today is not a problem. * Use a
with
tags with preceding images (with align and suitable alt text) and no
; this won't be as beautiful as a "real" list. * Use a two-column table, with the bullets in the left column and the text in the right. Since browsers show nothing before downloading the entire table, this can be slow with long lists. * Create the bullet with the indent built in. For example, if you use a bullet that is 10 pixels across you can make the background 25 pixels (transparent) and put the bullet all the way on the right. This will create a 15-pixel indent to the left of the bullet. It will add slightly to the byte size of the graphic but since it is all one color it won't add much. This method doesn't work well with any list items that are longer than a line (and remember that you don't know how long a line will be on the visitor's screen).

Facebook comments

Available when logged-in to Facebook and if Targeting Cookies are enabled