lostyazilim
tr.link

Sitemde resimler orantısız çıkıyor, yardım lütfen

9 Mesajlar 1.227 Okunma
lstbozum
tr.link

ferdem23 ferdem23 WM Aracı
  • Üyelik 19.03.2014
  • Yaş/Cinsiyet 46 / E
  • Meslek Serbest meslek
  • Konum İstanbul Avrupa
  • Ad Soyad F** E**
  • Mesajlar 136
  • Beğeniler 8 / 7
  • Ticaret 0, (%0)
arkadaşlar merhaba, sitem koltuk satışı yapılan bir site. doğal olarak da sitemde koltuk görsellerinden başka bir şey diyebilirim. ilk kurduğumda sitemde resimlerin çerçeveye sığması için woocommerce eklentisinde resimleri kırp seçeneği var ve ben bu seçenekle değişik boyutlardaki resimler çerçevenin içine oturuyordu. ama şimdi resimlerin hepsi orantısız gözüküyor ve sayfa görüntüsü berbat. işten anlayanlardan yardım bekliyorum. ben ne yaptıysam da çözüm bulamadım. şimdiden herkese teşekkürler. sitem:www.konferansinemakoltugu.com
 

 

wmaraci
reklam

infstock infstock WM Aracı Kullanıcı
  • Üyelik 16.12.2014
  • Yaş/Cinsiyet 37 / E
  • Meslek Frontend Developer
  • Konum İstanbul Anadolu
  • Ad Soyad E** K**
  • Mesajlar 75
  • Beğeniler 1 / 23
  • Ticaret 0, (%0)
dostum aşağıdaki koyu yazılan kodu max-width:100% olarak değiştirdiğinde düzelecektir sorunun..

img {
height: auto;
max-width: none;
vertical-align: middle;
border: 0px none;
}
 

 

templates.informationstock.com
www.informationstock.com

ferdem23 ferdem23 WM Aracı
  • Üyelik 19.03.2014
  • Yaş/Cinsiyet 46 / E
  • Meslek Serbest meslek
  • Konum İstanbul Avrupa
  • Ad Soyad F** E**
  • Mesajlar 136
  • Beğeniler 8 / 7
  • Ticaret 0, (%0)

infstock adlı üyeden alıntı

dostum aşağıdaki koyu yazılan kodu max-width:100% olarak değiştirdiğinde düzelecektir sorunun..

img {
height: auto;
max-width: none;
vertical-align: middle;
border: 0px none;
}

hocam teşekkürler. denedim ancak sonuç pek değişmedi. ayarlarada baktım ama birşey bulamadım.
 

 

H1N1i H1N1i Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 16.02.2015
  • Yaş/Cinsiyet 31 / E
  • Meslek Web Yazılım & Seo
  • Konum İstanbul Anadolu
  • Ad Soyad T** T**
  • Mesajlar 77
  • Beğeniler 21 / 17
  • Ticaret 0, (%0)

merakli34 adlı üyeden alıntı

hocam teşekkürler. denedim ancak sonuç pek değişmedi. ayarlarada baktım ama birşey bulamadım.


img {padding: 0; max-width: 100%}

Şu kodu ekleyin. Style.css dosyasına
 

 

wmaraci
wmaraci

ferdem23 ferdem23 WM Aracı
  • Üyelik 19.03.2014
  • Yaş/Cinsiyet 46 / E
  • Meslek Serbest meslek
  • Konum İstanbul Avrupa
  • Ad Soyad F** E**
  • Mesajlar 136
  • Beğeniler 8 / 7
  • Ticaret 0, (%0)

H1N1i adlı üyeden alıntı

img {padding: 0; max-width: 100%}

Şu kodu ekleyin. Style.css dosyasına


hocam ilginize teşekkürler ama denedim sonuç değişmedi.
 

 

infstock infstock WM Aracı Kullanıcı
  • Üyelik 16.12.2014
  • Yaş/Cinsiyet 37 / E
  • Meslek Frontend Developer
  • Konum İstanbul Anadolu
  • Ad Soyad E** K**
  • Mesajlar 75
  • Beğeniler 1 / 23
  • Ticaret 0, (%0)

merakli34 adlı üyeden alıntı

hocam teşekkürler. denedim ancak sonuç pek değişmedi. ayarlarada baktım ama birşey bulamadım.


gonderdiğim img kodunu bulup üzerinde mi değişiklik yaptın? yoksa css dosyasına img yazıp içine kodu yazarak mi denedin? kodu nasıl yazdığın önemli. çünkü sitende kod üzerinde değişiklik yaptığımda sorun düzeliyor.

Ek Olarak:
 

 

templates.informationstock.com
www.informationstock.com

ferdem23 ferdem23 WM Aracı
  • Üyelik 19.03.2014
  • Yaş/Cinsiyet 46 / E
  • Meslek Serbest meslek
  • Konum İstanbul Avrupa
  • Ad Soyad F** E**
  • Mesajlar 136
  • Beğeniler 8 / 7
  • Ticaret 0, (%0)

infstock adlı üyeden alıntı

gonderdiğim img kodunu bulup üzerinde mi değişiklik yaptın? yoksa css dosyasına img yazıp içine kodu yazarak mi denedin? kodu nasıl yazdığın önemli. çünkü sitende kod üzerinde değişiklik yaptığımda sorun düzeliyor.

Ek Olarak:


ben sayfayı açıp kaynağı görüntüle yapıp koddaki ayarları değiştirdim. yanlış mı yaptım hocam.
 

 

infstock infstock WM Aracı Kullanıcı
  • Üyelik 16.12.2014
  • Yaş/Cinsiyet 37 / E
  • Meslek Frontend Developer
  • Konum İstanbul Anadolu
  • Ad Soyad E** K**
  • Mesajlar 75
  • Beğeniler 1 / 23
  • Ticaret 0, (%0)
sitene gidip deneme amaçlı herhangi bir resmin üzerine sağ tıkla "öğeyi denetle" ya da "inspect element" yazar genelde en altta olur hangi browser kullanıyosun bilmiyorum ama..sağ tarafta aşağıdaki kodları goreceksin orada max-width:none; yazan yerde none yerine 100% yaz. sayfayı yenileme. sayfayı yenilersen eski haline döner. bu dediğimi yapınca duzelmiş şeklini goreceksinu bu sadece gormen amaçlı. daha sonra da css dosyasında kodu bulup değiştirmeli ya da yeni kod yazmalısın kalıcı olması için.

img {
width: auto\9;
height: auto;
max-width: none;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
 

 

templates.informationstock.com
www.informationstock.com

ferdem23 ferdem23 WM Aracı
  • Üyelik 19.03.2014
  • Yaş/Cinsiyet 46 / E
  • Meslek Serbest meslek
  • Konum İstanbul Avrupa
  • Ad Soyad F** E**
  • Mesajlar 136
  • Beğeniler 8 / 7
  • Ticaret 0, (%0)

infstock adlı üyeden alıntı

sitene gidip deneme amaçlı herhangi bir resmin üzerine sağ tıkla "öğeyi denetle" ya da "inspect element" yazar genelde en altta olur hangi browser kullanıyosun bilmiyorum ama..sağ tarafta aşağıdaki kodları goreceksin orada max-width:none; yazan yerde none yerine 100% yaz. sayfayı yenileme. sayfayı yenilersen eski haline döner. bu dediğimi yapınca duzelmiş şeklini goreceksinu bu sadece gormen amaçlı. daha sonra da css dosyasında kodu bulup değiştirmeli ya da yeni kod yazmalısın kalıcı olması için.

img {
width: auto\9;
height: auto;
max-width: none;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}


hocam çok teşekkürler. bu dediğinizin aynısını yaptım zaten ama resimlerde çok az bir kıpırdama oldu. belirgin bir düzelme olmadı.
 

 

Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al