Çözüldü FTP ile dosya transfer ettikten sonra sitede resimler neden gözükmüyor?

herchell · 7 Aralık 2023

Index.html ve CSS dosyası dahil tüm dosyaları aktardım. Plesk sayfasında resimler küçük ekranda gözüküyor fakat siteyi açınca resimler yok sadece yazılar var. Resimleri CSS dosyasına URL olarak vermiştim. Resimde daha anlaşılır gibi.

walter wick · 7 Aralık 2023

herchell dedi:
Index.html ve CSS dosyası dahil tüm dosyaları aktardım. Plesk sayfasında resimler küçük ekranda gözüküyor fakat siteyi açınca resimler yok sadece yazılar var. Resimleri CSS dosyasına URL olarak vermiştim. Resimde daha anlaşılır gibi.

Dizinleri kontrol ettin mi?

herchell · 7 Aralık 2023

walter wick dedi:
Dizinleri kontrol ettin mi?

normal masaüstünden index html'e basınca görünüyor ama ftp ile yükledikten sonra sistemde gözükmüyor

walter wick · 7 Aralık 2023

herchell dedi:
Normal masaüstünden index HTML'e basınca görünüyor ama FTP ile yükledikten sonra sistemde gözükmüyor.

Resimleri olduğun klasörü ve CSS dosyasını paylaşır mısın?

herchell · 7 Aralık 2023

walter wick dedi:
Resimleri olduğun klasörü ve CSS dosyasını paylaşır mısın?

hocam resimleri url olarak css dosyasına yapıştırdım

walter wick · 7 Aralık 2023

Bende sıkıntı gözükmüyor.

Kod:

<div class="showcase" >
 <div class="news" >
 <div class="new">
 <h4>Okulumuzda 10 Kasım Atatürk'ü Anma Günü Kutlandı </h4>

 </div>
 <div class="new">
 <h4>13 Ekim Dünya Afet Risklerinin Azaltılması Günü Tatbikatı Yapıldı</h4>
 </div>
 <div class="new">
 <h4> Okulumuzda 19 Mayıs Gençlik ve Spor Bayramı Kutlandı </h4>
 </div>
 <div class="new">
 <h4>18 Mart Çanakkale Zaferi ve Şehitleri Anma Günü Kutlandı </h4>
 </div>
 <div class="new">
 <h4>Meslek Lisesleri Ailelerle Buluşuyor </h4>
 </div>
 <div class="new">
 <h4>Okulumuzda Diyabet Farkındalık Eğitimi Verildi</h4>
 </div>

 </div>
 </div>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <div class="icerik">
 <div class="box">
 <div class="header">HABERLER</div>
 <ul class="list-items">
 <li>Ayın öğrencileri</li>
 <li>Bilim Söyleşileri Etkinliği</li>
 <li>Yardımlaşmaya Devam</li>
 <li>Çınarlarımızda Hasbihal Ettik</li>
 <li>Yarın Bakışlı Öğretmen(im) Mektup Yarışması</li>
 </ul>
 </div>
 <div class="box">
 <div class="header">DUYURULAR</div>
 <ul class="list-items">
 <li>Oku ve Hediye Et</li>
 <li>Münazara Bizim İşimiz</li>
 <li>Askıda Ekmek Projesi</li>
 <li>2023-2024 Eğitim Öğretim Yılı Ders Programı</li>
 </ul>
 </div>
 <div class="box">
 <div class="header">İŞLEMLER</div>
 <ul class="list-items">
 <li><a href="https://e-okul.meb.gov.tr/">E-okul</a></li>
 <li><a href="https://mebbis.meb.gov.tr/">MEBBİS</a></li>
 <li><a href="https://e-okul.meb.gov.tr/">Veli Bilgilendirme</a></li>
 </ul>
 </div>
 </div>

<style>

.showcase {
width: 200%;
background-color: white;
max-width: 1300px;
padding: 40px;
margin-left: auto;
}

.news {
display: flex;
gap: 0.6rem;
aspect-ratio: 5 / 2;
}

.new {
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
flex: 1 2rem;
border-radius: 1rem;
display: flex;
align-items: flex-end;
transition: all 0.5s;
cursor: pointer;
}

.new:hover {
flex: 25;
}

.new > h4 {
white-space: nowrap;
color: rgb(255, 0, 0);
margin: 1rem 0.8rem;
font-size: 1.5rem;
opacity: 0.7;
font-weight: 600;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.new:hover > h4 {
opacity: 1;
}

.new:nth-child(1) {
background-image: url(https://karabuk.meb.gov.tr/meb_iys_dosyalar/2019_11/09221810_3-001.jpg);
}

.new:nth-child(2) {
background-image: url(https://metinkologlumtal.meb.k12.tr/meb_iys_dosyalar/23/01/962358/resimler/2023_10/13133154_tatbikat-2.jpg);
}

.new:nth-child(3) {
background-image: url(https://metinkologlumtal.meb.k12.tr/meb_iys_dosyalar/23/01/962358/resimler/2023_05/k_19172339_websitesi.jpg);
}

.new:nth-child(4) {
background-image: url(https://metinkologlumtal.meb.k12.tr/meb_iys_dosyalar/23/01/962358/resimler/2023_03/k_16131957_Kirmizi-Beyaz-ve-Siyah-18-Mart-Canakkale-Zaferi-Ataturk-Instagram-Gonderisi-1200-t-625-piksel.jpg);
}
.new:nth-child(5) {
background-image: url(https://metinkologlumtal.meb.k12.tr/meb_iys_dosyalar/23/01/962358/resimler/2023_03/k_23090906_Lion-Animal-Photo-Collage-1200-t-675-piksel-1.jpg);
}
.new:nth-child(6) {
background-image: url(https://metinkologlumtal.meb.k12.tr/meb_iys_dosyalar/23/01/962358/resimler/2023_11/k_22150402_diyabetfarkindalikegitimi1.jpg);
}

.icerik {
display:flex;
gap:15px;
width:89%;
height:400px;
margin-left: auto;
}

.box {
display:flex;
flex-direction:column;
width:80%;
height:340px;
}

.box .header{
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-size:24px;
font-weight:300;
font-family: sans-serif;
color:#fff;
width:80%;
height:60px;
background-color:#ff0404;
border-bottom-right-radius: 20px;
margin-bottom:10px;
}

.box .list-items li {
border-bottom: 1px solid #e5e5e5;
color:#000000;
padding: 8px 12px;
font-size: 18px;
font-weight: 500;
}
</style>

herchell · 7 Aralık 2023

walter wick dedi:
Bende sıkıntı gözükmüyor.

tamam bu bende de gözüküyor.Sorun Plesk'e yükleyince normal site üzerinde resimler yok sadece yazılar var.

Myk61 · 7 Aralık 2023

Cache ile alakalı olabilir cache temizleyip kontrol ettiniz mi?

herchell · 7 Aralık 2023

Myk61 dedi:
Cache ile alakalı olabilir cache temizleyip kontrol ettiniz mi?

cache nedir onu bilmiyorum maalesef

Myk61 · 7 Aralık 2023

herchell dedi:
cache nedir onu bilmiyorum maalesef

Cache temizleme - Google Suche

Link atın bakalım bizde düzgün görülüyor mu.

Çözüldü FTP ile dosya transfer ettikten sonra sitede resimler neden gözükmüyor?

Ayrıntılı düzenleme

herchell

Hectopat

Dosya Ekleri

walter wick

walter wick

Kilopat

herchell

Hectopat

walter wick

Kilopat

herchell

Hectopat

walter wick

Kilopat

herchell

Hectopat

Myk61

Megapat

herchell

Hectopat

Myk61

Megapat

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz