Below is the HTML code that I have written:
<!DOCTYPE html>
<html>
<head>
<style>
ul{
list-style-image:url('img/grey.png');
}
</style>
<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>
</html>
I was able to create the list successfully, but encountered a problem when I tried using an external style sheet and made changes to the code.
Here is the updated code:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/styletest.css?version=2" ></head>
<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>
</html>
And here is the content of the style sheet:
ul{
list-style-image:url('img/grey.png');
}
The image does not appear in the second style. Any help would be greatly appreciated.