PHP site yüklenen görselleri responsive yapma [Yardım]

Question

Arkadaşlar merhaba, Blog sitemde responsive durumunda resimler dışarı taşıyor buda '' Google Search '' hata olarak gözüküyor ister istemez. Resimlerin otomatik kendini ölçülendirmesi için ne yapmalıyım? kod bilgim hiç yok, bana yardımcı olabilecek bir arkadaşımız var mı?

roseyazilim · Answer

site detaylarını yazarmısın

goddaman · Answer

maviyazar · Answer

Misafir adlı üyeden alıntı:						mesajı görüntüle									<img src="resim yolu" style="width:100%; height:100%;" > 		Bunu nereye hangi php dosya içerisine neresine ekleyebileceğime dair bilgim yok ne yazık ki

Shogun · Answer

img {
width100%;
}

Megend · Answer

Merhaba
Eğer resimler tam genişlikte ise
.responsive {
 width: 100%;
 height: auto;
}

bu kodu style etiketi içinde sayfaya koyun ve
resimlere class="responsive" ekini yazın

Eğer tam genişlikte değilse

.responsive {
max-width: 300px;
 height: auto;
}

bunu kullanabilirsiniz
300 px değiştirmeyi unutmayın

hozcelik · Answer

Özelden ulaşır mısın, deneyelim.

maviyazar · Answer

Shogun adlı üyeden alıntı:						mesajı görüntüle									img {
width100%;
} 								Megend adlı üyeden alıntı:						mesajı görüntüle									Merhaba
Eğer resimler tam genişlikte ise
.responsive {
width: 100%;
height: auto;
}

bu kodu style etiketi içinde sayfaya koyun ve
resimlere class="responsive" ekini yazın

Eğer tam genişlikte değilse

.responsive {
max-width: 300px;
height: auto;
}

bunu kullanabilirsiniz
300 px değiştirmeyi unutmayın 		vallahi arkadaşlar dediğim gibi hiç anlamıyorum ekleme veya çıkarma gibi şeyleri whatsapp üzerinden yardımcı olacak arkadaş olursa çok memnun olurum.

Megend · Answer

maviyazar adlı üyeden alıntı:						mesajı görüntüle									vallahi arkadaşlar dediğim gibi hiç anlamıyorum ekleme veya çıkarma gibi şeyleri whatsapp üzerinden yardımcı olacak arkadaş olursa çok memnun olurum. 		Anydesk verirseniz yardımcı olabilirim 
Yada teamviewer
Pmden atabilirsin bilgileri

DWather · Answer

Arkadaşlar responsive durumu css ve html yoluyla ayarlanabilen bir durumdur. Php'de resim olarak çıktı verilen html'e müdahale etmelisiniz.

Css'e bunu ekleyin
.img-fluid {
display:block;
max-width:100%;
height:auto;
}sonrasında da responsive olmasını istediğiniz görsele
<img src="blabla" class="img-fluid">ekleyerek bu sınıfı eklediğiniz görsellerinizin responsive olmasını sağlamış olursunuz. Bir blog metni gövdesindeki görsellerin tamamına bu responsive görsel özelliğini uygulamak için de şöyle bir şey yapılabilir:

.blog-content img {
display:block;
max-width:100%;
height:auto;
}.blog-content sınıfı blog içeriğin gövdesini kapsayan html elemente verilmeli.

İyi çalışmalar.

maviyazar · Answer

Misafir adlı üyeden alıntı: mesajı görüntüle site detaylarını yazarmısın Misafir adlı üyeden alıntı: mesajı görüntüle

maviyazar adlı üyeden alıntı: mesajı görüntüle Bunu nereye hangi php dosya içerisine neresine ekleyebileceğime dair bilgim yok ne yazık ki Shogun adlı üyeden alıntı: mesajı görüntüle img { width100%; } Megend adlı üyeden alıntı: mesajı görüntüle Merhaba Eğer resimler tam genişlikte ise .responsive { width: 100%; height: auto; } bu kodu style etiketi içinde sayfaya koyun ve resimlere class="responsive" ekini yazın Eğer tam genişlikte değilse .responsive { max-width: 300px; height: auto; } bunu kullanabilirsiniz 300 px değiştirmeyi unutmayın hozcelik adlı üyeden alıntı: mesajı görüntüle Özelden ulaşır mısın, deneyelim. Megend adlı üyeden alıntı: mesajı görüntüle Anydesk verirseniz yardımcı olabilirim Yada teamviewer Pmden atabilirsin bilgileri DWather adlı üyeden alıntı: mesajı görüntüle Arkadaşlar responsive durumu css ve html yoluyla ayarlanabilen bir durumdur. Php'de resim olarak çıktı verilen html'e müdahale etmelisiniz. Css'e bunu ekleyin .img-fluid { display:block; max-width:100%; height:auto; }sonrasında da responsive olmasını istediğiniz görsele

ekleyerek bu sınıfı eklediğiniz görsellerinizin responsive olmasını sağlamış olursunuz. Bir blog metni gövdesindeki görsellerin tamamına bu responsive görsel özelliğini uygulamak için de şöyle bir şey yapılabilir: .blog-content img { display:block; max-width:100%; height:auto; }.blog-content sınıfı blog içeriğin gövdesini kapsayan html elemente verilmeli. İyi çalışmalar. Tek mesele şu 2 yerin sonununa !important eklemekmiş tv ile bağlanıp yardımcı oldu arkadaşımız sağ olsun @hozcelik; kendisine çok teşekkür ederim