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

611083 · 4 Aralık 2023

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.

533388 · 4 Aralık 2023

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

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

611083 · 4 Aralık 2023

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

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

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?

533388 · 4 Aralık 2023

611083 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?

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

611083 · 4 Aralık 2023

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

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ı.

533388 · 4 Aralık 2023

611083 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ı.

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

611083 · 4 Aralık 2023

533388 dedi:
Mesela dosya yolunu atar mısınız?

Dosya yolu dediğiniz resmin yolu mu, klasörün yolu mu?
Resmin yolu: Header arka plan resmi.png
Klasörün yolu: C:\Users\user\Desktop\Web tabanlı programlama

533388 · 4 Aralık 2023

611083 dedi:
Header arka plan resmi. PNG.

Hayır tam yolu ne? Mesela C:\Downloads\gibi

dgknbzglu · 5 Aralık 2023

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');

611083 · 6 Aralık 2023

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');

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

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

Ayrıntılı düzenleme

611083

Decapat

533388

Hectopat

W3Schools.com

611083

Decapat

W3Schools.com

Dosya Ekleri

533388

Hectopat

611083

Decapat

533388

Hectopat

611083

Decapat

533388

Hectopat

dgknbzglu

Megapat

611083

Decapat

Benzer konular

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