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

6

611083

Decapat
Katılım
26 Aralık 2022
Mesajlar
78
Çözümler
2
Arkadaşlar selam, CSS'te Header'a "background-image" verdim ancak resim farklı bir klasörde. Bu klasördeki resimleri bulan kod nedir? Yardımlarınız için şimdiden teşekkürler.
 
Tarihe göre sırala Puana göre sırala
O dosya yolunu kopyalayın ve URL içine atın. Boyle olması lazim.

www.w3schools.com

W3Schools.com

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 www.w3schools.com
 
Artı 0 Eksi
533388 dedi:
O dosya yolunu kopyalayın ve URL içine atın. Boyle olması lazim.

www.w3schools.com

W3Schools.com

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 www.w3schools.com
Genişletmek için tıkla...

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?
 

Dosya Ekleri

  • Ekran Görüntüsü.png
    Ekran Görüntüsü.png
    27 KB · Görüntüleme: 43
  • ekran görüntüsü 2.png
    ekran görüntüsü 2.png
    6,9 KB · Görüntüleme: 40
Artı 0 Eksi
  • 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: 
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: 
background-image: url('resimler/resim1.jpg');
 
Artı 0 Eksi
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: 
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: 
background-image: url('resimler/resim1.jpg');
Genişletmek için tıkla...

Hocam verdiğiniz kodu birebir uygulasamda siteye gelmiyor sanırım illa aynı yerde olacak.
 
Artı 0 Eksi

Benzer konular

omersaka61
HTML CSS ile web sitesi nasıl çalışılır?
Mesaj
3
Görüntüleme
765
249873
2
T
HTML & CSS ile yaptığım kişisel web sitesi
Mesaj
5
Görüntüleme
2.133
TheDexuS
T
bur4karsln
Python, HTML ve CSS ile web sitesi yapılabilir mi?
Mesaj
6
Görüntüleme
293
DevAlper
D
I Am Bunny.exe
HTML ve CSS olmadan web sitesi yapılabilir mi?
2
Mesaj
19
Görüntüleme
4.341
249873
2
C
  • Soru
Görseldeki web sitesini HTML ve CSS kullanarak tasarlama
Mesaj
4
Görüntüleme
455
coderss
C

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı