background-image nie działa

Question

Witam

Strona jest budowana w Bootstrapie. Po dodaniu stylów do HTML "style="" " wszystko działa. Natomiast po przerzuceniu tego do pliku CSS nie działa. Dodam, że "id" jest w porządku bo wszystko inne działa oprocz wyświetlania obrazka. Co może być przyczyna?

Pozdrawiam

Comments

Zapomniałeś dołączyć kodu. :D

Na co Ci zgadywanie, skoro możesz otrzymać konkretną pomoc?

 

---

A tak, wybacz :D

 

HTML:

<div class="container text-center" id="tlo1">
            <a class="site-branding" href="index.html" >
                <h1 class="site-title">
                    <img src="images/logo.png" id="logo1" />
                </h1>
                
            </a>
        </div>

CSS:

#tlo1
{
background-image:url("images/abc.jpg");


}

 

---

                    <img src="images/logo.png" id="logo1" />

Obrazek normalnie się wyświetla?

Możliwe, że plik HTML leży w innym katalogu niż plik CSS, co naturalnie by znaczyło, że w pliku CSS musiałbyś podać inną ścieżkę do zdjęcia.

 

Answer 1

Nieprawidłowa ścieżka do obrazka. Czy .css jest w katalogu czy na tym samym poziomie co .html ?

Comments

Dziękuję

Niby błahostka a jednak czasami zapominam podstawowych rzeczy.

 

Dzięki jeszcze raz wszystkim za pomoc. Lecą plusiki

Answer 2

Wygląda na problem ze specyficznością selektorów. Sprawdź w devtools, czy coś nie nadpisuje Ci tego stylu z CSS-a