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

Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro

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