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

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.
 
O dosya yolunu kopyalayın ve URL içine atın. Boyle olması lazim.

 

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
    27 KB · Görüntüleme: 44
  • ekran görüntüsü 2.png
    6,9 KB · Görüntüleme: 41
  • 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');
 

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

Bu konuyu görüntüleyen kullanıcılar

Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…