CODEWITHSUNDEEP
htmlasp.net
Araasai
Araasai

Reputation: 3

Why is the image not showing on the browser?

<header>
    <nav id="nav" class="navbar navbar-expand-sm navbar-dark mb-3 fixed-top">
        <div class="container">
            <a class="navbar-brand" asp-area="" asp-page="/_Layout">
                <img src="Logo.png" style="width:40px;">
            </a>
        </div>
   </nav>
</header>

Image not showing on the browser, the image is located in the same folder as the HTML file.

enter image description here

Upvotes: 0

Views: 80

Answers (1)

wazz
wazz

Reputation: 5078

In the web application, create a wwwroot folder. Inside that create an images folder. Put your image in there.

Application
    wwwroot
        images
            Logo.png

Your link:

<img src="~/images/Logo.png" />

Note 1: anchor link should probably not be asp-page="/_Layout". Probably asp-page="/Index", or similar.

Note 2: my app is a little different. I'm not positive you need a wwwroot folder, but I think the image should be in a different folder than 'Shared'.

Upvotes: 1

Related Questions