Visual Studio Code, kod ile koyulan fotoğrafı görmüyor

Justinyen

Hectopat
Katılım
2 Mart 2020
Mesajlar
103
Daha fazla  
Cinsiyet
Erkek
Merhaba arkadaşlar, Visual Studio Code ile HTML CSS dersleri görüyorum. Kod yazarken fotoğraf içeren bir kod yazıyorum lakin koyduğum fotoğraflar görünmüyor galiba bir ayarı yapılı değil. Görselde sarı kutuların içinde görüntü olması gerekiyor fakat görüntü yok.
 

Dosya Ekleri

  • image.png
    108,6 KB · Görüntüleme: 442
Dosya yolunu tırnak içine alıp dener misiniz?
 
CSS: 
background-image: url("./resim/sefa.png");
Bu şekilde olmalı
 
CSS: 
background-image: url("../resim/sefa.png");

Eğer resim farklı bir lokasyondaysa yani .html dosyasının bulunduğundan farklı bir yoldaysa (Örneğin html dosyası Masaustu/website/indexhtml ise fakat resim Belgeler/resimler gibi bir yoldaysa) yukarıdaki yol yerine dosyanın tam lokasyonunu yazmanız gerekir.
 
Son düzenleme:
Galiba dosyanın yolunu yanlış yazmışsın.
 
Tarayıcıda açtığınızda görüyor musunuz? Sadece VSCode ile mi görünmüyor?
 
Sadece background olarak deneyin. O da olmazsa kodu tamamen atın öyle bakalım.
 
Konuyu cevapla
Menü
Giriş yap
Kaydol
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…