smartguy911_911
New Member
Hi i have encountered a problem when trying to make my bullet points various images using css. this is my code if anyone could help me out that would be really helpful thanks.\[code\]<html> <head> <title></title> <style type="text/css"> ul { list-style-type: Square; padding: 0px; margin: 0px; } .fastdiet { list-style-image: url("fastdiet.jpg"); padding-top: 3px; padding-bottom: 3px; padding-left: 20px; padding-right: 5px; } .Midnight { list-style-image: url("Midnight.jpg"); padding-top: 3px; padding-bottom: 3px; padding-left: 20px; padding-right: 5px; } </style> </head> <body> <ul> <li class="fastdiet">This book is Number 1</li> <li class="Midnight">This book is Number 2</li> </ul> </body></html>\[/code\]