CSS'te alt klasördeki resimler nasıl bulunur?

533388 dedi:

O dosya yolunu kopyalayın ve URL içine atın. Boyle olması lazim.

CSS background-image property

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

Genişletmek için tıkla...

mucivekili dedi:

Hocam şimdi resimler kullanılan resimlerin içinde, web Sitesi'nin sayfaları da ilk klasörde ben şimdi CSS içerisndeki URL kısmına ne yazmam gerek?

Genişletmek için tıkla...

533388 dedi:

URL içine " koyun ve yolu yapıştırın örnekteki gibi.

Genişletmek için tıkla...

mucivekili dedi:

Hocam resimler farklı klasörde olduğundan dolayı resmin yolunu yazsamda olmuyor. Benim sormak istediğim şey farklı klasördeki resmi nasıl çağırırımdı.

Genişletmek için tıkla...

533388 dedi:

Mesela dosya yolunu atar mısınız?

Genişletmek için tıkla...

mucivekili dedi:

Header arka plan resmi. PNG.

Genişletmek için tıkla...

• 1-Web Sayfaları
  • index.html
  • blabla.html
  • blablabla.html
  • style.css
• 2-Kullanılan Resimler
  • resim1.jpg
  • resim2.jpg
  • resim3.jpg
  • resim4.jpg

background-image: url('2-Kullanılan Resimler/resim1.jpg');

• html
  • index.html
  • blabla.html
  • blablabla.html
  • style.css
• resimler
  • resim1.jpg
  • resim2.jpg
  • resim3.jpg
  • resim4.jpg

background-image: url('resimler/resim1.jpg');

dgknbzglu dedi:

• 1-web sayfaları.
  • index.html
  • blabla.html
  • blablabla.html
  • Style. CSS.
• 2-kullanılan resimler.
  • Resim1.JPG
  • Resim2.JPG
  • Resim3.JPG
  • Resim4.JPG

Eğer bu şekildeyse yapı, style. CSS dosyanda aşağıdaki şekilde background-image etiketini kullanabilirsin:

CSS:Panoya kopyala

background-image: url('2-Kullanılan Resimler/resim1.jpg');

Ama sana tavsiyem klasör ve dosya isimlerinde boşluk ve Türkçe karakter kullanmaman. Yani:

• HTML
  • index.html
  • blabla.html
  • blablabla.html
  • Style. CSS.
• Resimler
  • Resim1.JPG
  • Resim2.JPG
  • Resim3.JPG
  • Resim4.JPG

CSS:Panoya kopyala

background-image: url('resimler/resim1.jpg');

Genişletmek için tıkla...