Advanced Search

Cross Browser Ordered List W/ Images

/ Published in: CSS
Save to your folder(s)
This will create a bulleted list using images as the bullets.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. .any_class_name ul {
  2.     line-height:1.4;
  3.     list-style-type:none;
  4. }
  5.  
  6. .any_class_name li {
  7.     padding-left:20px;
  8.     background:transparent url(../images/face_image.png) no-repeat;
  9.     background-position:0 5px;
  10. }

URL: http://monkeyflash.com/tutorials/aligning-list-bullet-images/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.