Dodanie tła do strony

Odpowiedz Nowy wątek
2018-02-13 15:59
0

Witam, wiem, ze moje pytanie może być banalne ale chciałbym połączyć html z css jeżeli chodzi o tło. I tak w CSS wrzucam:

body {
background-image:url(img/mountain.jpeg);
background-repeat: no-repeat; no-repeat;
background-size:100vw 100vh;
}

W html mam polecenie w sekcji <head>:

<link rel="stylesheet" href="css/main.css">

Ścieżka jest dobra. Moje pytanie brzmi jak teraz mają cplik CSS zewnętrzny połączyć to z html-em żeby wyświetliło mi tło? Mam zrobić jakiegoś div'a? W jakiej sekcji?

Oczywiście tło mi się wyświetla jak zrobię CSS w treści HTML-a (poprzez <style type="text/css"... etc.) ale ja chce miec wszystko w pliku zewnętrznym.

edytowany 1x, ostatnio: muskagap, 2018-02-13 16:00

Pozostało 580 znaków

2018-02-13 16:11
0

Relatywne ścieżki w pliku CSS rozwiązywane są relatywnie do położenia tego pliku CSS.

Innymi słowy: jeśli Twój plik CSS znajduje się w styles/main.css, przeglądarka będzie szukać Twojego obrazka w styles/img/mountain.jpeg.

Możliwe rozwiązania:

  • ../img/mountain.jpeg (podanie ścieżki relatywnej do pliku arkusza),
  • /img/mountain.jpeg (podanie ścieżki absolutnej).

edytowany 3x, ostatnio: Patryk27, 2018-02-13 16:11

Pozostało 580 znaków

2018-02-13 16:20
0

Ok, rozumiem - plik obrazka musze mieć w folderze gdzie mam plik .css
A teraz jak mam połączyć to z HTML-em? Czy w kodzie HTML ma być jakiś div np. body po którym zostanie dodane tło do strony?
Chcę mieć to (CSS) po prostu w pliku zewnętrznym a nie w stylach w HTML-u.

Pozostało 580 znaków

2018-02-13 16:29

plik obrazka musze mieć w folderze gdzie mam plik .css

Nie, nieprawda - przeczytaj mój post raz jeszcze.

Czy w kodzie HTML ma być jakiś div np. body po którym zostanie dodane tło do strony?

Nie rozumiem pytania.
Masz wprost w swoim stylu napisane: przypisz atrybut background-color do znacznika body, zatem potrzebujesz znacznika body.


Pozostało 580 znaków

2018-02-13 16:39
0

Ok, rozumiem, działa, dzięki

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0