PayneLess_Designs

PayneLess Designs - Unorder List (IE 8 Version) - Image Bullet/Text Centered

Oct 31st, 2010
279
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.86 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html><head>
  3. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  4. <title>Unorder List - Image Bullet/Text Centered</title>
  5.  
  6. <meta name="created" content="Sun, 31 Oct 2010 04:26:50 GMT">
  7. <meta name="description" content="">
  8. <meta name="keywords" content="">
  9. <meta name="author" content="PayneLess Designs">
  10. <meta name="copyright" content="Jan 2004 to present.">
  11. <meta name="robots" content="all">
  12. <meta name="revisit-after" content="60 days">
  13.    
  14. <style type="text/css">
  15. ul li {
  16. width: 800px;
  17. height: 40px;
  18. margin: 0 auto;
  19. margin-top: 2em;
  20. /* list-style-image: url(images/tick-transparent.png); */
  21. list-style-image: url(http://img231.imageshack.us/img231/14/ticktransparent.png);
  22. list-style-type: square;
  23. list-style-position: inside;
  24. }
  25.  
  26. li p {
  27. position: relative;
  28. top: -42px;
  29. left: 50px;
  30. }
  31. </style>
  32.  
  33. <!--[if IE]>
  34. <style type="text/css">
  35. li p {
  36. position: relative;
  37. top: -50px;
  38. left: 50px;
  39. }
  40. </style>
  41. <![endif]-->
  42. </head><body>
  43. <ul>
  44. <li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
  45. <li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
  46. <li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
  47. <li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
  48. <li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
  49. <li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
  50. <li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
  51. <li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
  52. <li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
  53. <li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
  54. </ul>
  55.  
  56. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment