Adaugare background imagine

#1
pinguinul666

Posted 21 February 2018 - 08:58

Senior Member

Grup: Senior Members
Posts: 4,710
Înscris: 06.10.2015

sal

printre altele, invatand html/css, am o simpla pagina html (un simplu fisier notedpad) si al doilea fisier Notepad, cu extensia .css (o foaie de stil externa)

acestea sunt in acelasi folder. Tot in acelasi folder, am si un alt folder cu imagini.

Una din aceste imagini, o vreau ca background pt pagina mea html de exercitiu.

Cand in foaia de stil externa *.css, pt a adauga imaginea de background, am scris:

Quote

body
{
background-image: url("../folder html/folder2/imaginea.jpg";
}

imaginea NU apare pe pagina!

dar daca pun jpg ul in acelasi folder cu pagina html, apare!
Adica daca scriu astfel:

Quote

body
{
background-image: url("../folder html/ imaginea.jpg";
}

Imaginea de fundal trebuie neaprat sa fie in acelasi folder cu fisierul text html al paginii respective ?!

Multumesc

Back to top

#2
seth66

Posted 21 February 2018 - 10:10

Junior Member

Grup: Members
Posts: 77
Înscris: 28.11.2009

Cred ca trebuie sa te familiarizezi cu path-urile relative si absolute:

https://learn-the-we.../paths-folders/

https://css-tricks.c...out-file-paths/

Back to top

#3
Kriogen

Posted 21 February 2018 - 10:11

Junior Member

Grup: Members
Posts: 185
Înscris: 23.04.2014

Primul aspect, iti lipseste paranteza de inchidere la background-image.

body
{
background-image: url("../folder html/folder2/imaginea.jpg");
}

2. Daca vrei sa folosesti cu imaginea intr-un folder (folderul unde este stocata imaginea fiind in acelasi folder ca si fisierul .html), folosesti astfel:

body
{
background-image: url("../folderimagine/imaginea.jpg");
}

3. Daca imaginea este in acelasi folder ca si fisierul .html, folosesti asa:

body
{
background-image: url("../imaginea.jpg");
}

Back to top

Anunturi

Bun venit pe Forumul Softpedia!

Adaugare background imagine

#1 pinguinul666 Posted 21 February 2018 - 08:58

#2 seth66 Posted 21 February 2018 - 10:10

#3 Kriogen Posted 21 February 2018 - 10:11

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
pinguinul666

Posted 21 February 2018 - 08:58

#2
seth66

Posted 21 February 2018 - 10:10

#3
Kriogen

Posted 21 February 2018 - 10:11