Ścieżki względne w CSS

Ścieżka względna określa położenie pliku względem innego pliku. W CSS jest to szczególnie ważne przy obrazkach, fontach i tłach.

Względem czego liczona jest ścieżka?

W deklaracjach CSS, np. w url(...), ścieżka jest liczona względem pliku CSS, a nie względem dokumentu HTML.

Przykład struktury:

projekt/
├── index.html
└── style_list.css
└── GRAFIKI/
    └── znaczek_logo.gif

Jeżeli plik style_list.css znajduje się w tym samym katalogu co folder GRAFIKI, poprawny zapis to:

url(GRAFIKI/znaczek_logo.gif)

Separatory katalogów

W adresach URL stosuje się ukośnik /, a nie odwrotny ukośnik \ znany ze ścieżek systemu Windows.

Poprawnie:

url(GRAFIKI/znaczek_logo.gif)

Niepoprawnie:

url(GRAFIKI\znaczek_logo.gif)

Wielkość liter

Na wielu serwerach WWW nazwy plików i katalogów są rozróżniane pod względem wielkości liter. Folder GRAFIKI to nie zawsze to samo co grafiki.

Dlatego jeśli katalog nazywa się GRAFIKI, w CSS należy zapisać dokładnie:

url(GRAFIKI/znaczek_logo.gif)