How to add an image to links starting with htt? - html

Question

I am trying to add a background-image to "a" links inside a "div" but the image is not being displayed.
I also tripple checked the img path and it is ok.
What I tried is the following:
div a[href^='htt'] {
margin-left: $basismarge*4;
background-image: url("../../public_html/oefeningen/images/www.png");
}
This is a part of the index.html code:
<div>
<div>
<h1>CSS3 Oefening 1</h1>
<span>Welkom</span>
</div>
<div>
<h2>© Thomas More</h2>
</div>
</div>
<p><i class="fas fa-home fa-3x"></i></p>
</body>```
With this I would have expected that the image would be showing.

Answer 1

It should work fine and it does with my own image. Try using an external image address to validate. Most probably there is something wrong with your url path. Check the Network tab in the Development tools to see if you're actually fetching the image properly.
If the path is valid and you're fetching the image properly after all, check if the image is not actually displayed but blending in with the styles you have for the link and its parents(for example the image upper left corner and the anchor element both have white background).