Почему не вижу картинку?

Question

[Maks Burkov]

<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <img src="/images/logo-c-online-ltd.png" class="navbar-brand">
        </div>
        <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Page 1</a></li>
            <li><a href="#">Page 2</a></li>
            <li><a href="#">Page 3</a></li>
        </ul>
        <p class="navbar-text">Some text</p>
    </div>
</nav>

Консоль браузера. Хотя путь установлен правильно в среде разработке ..

GET http://localhost:63342/images/logo-c-online-ltd.png 404 (Not Found)

Скрин:


Поменял код : Заработало . В чём была проблема первого решения ?

<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-brand" id="img">

        </div>
        <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Page 1</a></li>
            <li><a href="#">Page 2</a></li>
            <li><a href="#">Page 3</a></li>
        </ul>
        <p class="navbar-text">Some text</p>
    </div>
</nav>

Css styles:

#img{
   background: url("../images/logo-c-online-ltd.png");
    height: 76px;
    width: 185px;
}

Answer 1

[Localhost]

надо так

<img src="images/logo-c-online-ltd.png" class="navbar-brand">

Comments

[Maks Burkov]

А у меня как ?

[Павел]

Maks Burkov: точки убрать если это локалка и слеш тоже

[Localhost]

Maks Burkov: надо картинку прописать без /

Answer 2

[ThunderCat]

выучите обращение с путями.
/images/logo-c-online-ltd.png - путь от document_root
images/logo-c-online-ltd.png - путь от текущего открытого файла html или от текущего url
../images/logo-c-online-ltd.png - путь на папку выше от текущего открытого файла html или от текущего url
для динамических сайтов первый вариант предпочтительней.