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.


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.