IMG and Favicon not displaying

Question

I've been trying to display an image but it doesn't work. I tried to take off the / at the end of the <img> tag, but it doesn't work neither. My favicon doesn't appear too, and I don't know why. Here is my code:

 img.check { width: 15%; margin-top: 150px; margin-left: 790px; } .text { font-family: 'Roboto', sans-serif; font-size: 20px; margin-top: 150px; margin-left: 625px; } .redirect { font-family: 'Roboto', sans-serif; font-size: 8px; margin-top: 50px; margin-left: 830px; color: blue; } .redirect:hover { color: black; text-decoration: none; }

 <!DOCTYPE html> <head> <link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet"> <title>Your Password has been changed.</title> <link rel="icon" type="image/png" href="img/zimbrafav.png" /> </head> <body> <img src="img/check.png" class="check" alt="check"> <div class="text"> <p> <h1>Your password has been changed!</h1> </p> </div> <div class="redirect"> <p> <h1><a href="http://google.be/">Go to Google > </a></h1> </p> </div> </body> </html>

Answer 1

Not quite sure but maybe it's because you are working with relative paths instead of absolute.

So

<img src="img/check.png" class="check" alt="check"/>

would turn into

<img src="/img/check.png" class="check" alt="check"/>

IMG and Favicon not displaying

Question

1 answers

solution1
0 2016-10-12 14:20:34

IMG and Favicon not displaying

Question

1 answers

solution1 0 2016-10-12 14:20:34

solution1
0 2016-10-12 14:20:34