Duyarlı (Responsive) tasarımda genişlik sorunu

25.08.2013 20:38

idea WM Aracı Kullanıcı

Üyelik 27.04.2011
Yaş/Cinsiyet 37 / E
Meslek Yazılım
Konum İstanbul Avrupa

Ad Soyad M** S**
Mesajlar 448
Beğeniler 165 / 44
Ticaret 4, (%75)

Merhaba arkadaşlar

Sıfırdan bir tema yapmaya çalışıyorum. Aşağıdaki resimde belirttiğim gibi oradaki resim topluluğunu responsive tasarıma uygun şekilde genişletmek istiyorum.

CSS stil dosyasına nasıl bir kod yazmak lazım?

Sorunu yaşadağım temanın adresi: ***

Bir babayiğit çıkıp şunu çözsün yahu. Saatlerce uğraştım; ama yapamadım.

Uğraşan herkese teşekkür ederim.

25.08.2013 21:45

#2

cgrclk Fortis Fortuna Adiuvat Kullanıcı

Üyelik 18.11.2011
Yaş/Cinsiyet 35 / E
Meslek Web Developer
Konum İstanbul Avrupa

Ad Soyad B** Ç**
Mesajlar 3270
Beğeniler 1014 / 1983
Ticaret 53, (%100)

thumbler dan iframe aldığınız için onun css lerini bastırmanız gerekiyor. Aşağıdaki kodları bir deneyin lütfen.

.html_photoset {width: 100%;margin: 0 !important;}
.photoset {width: 100%;}
.photoset_row, .photoset_photo img {width: 100% !important;height: auto;}
.photoset_photo {display: block !important;}

25.08.2013 22:45

#3

idea WM Aracı Kullanıcı

Üyelik 27.04.2011
Yaş/Cinsiyet 37 / E
Meslek Yazılım
Konum İstanbul Avrupa

Ad Soyad M** S**
Mesajlar 448
Beğeniler 165 / 44
Ticaret 4, (%75)

@cgrclk verdiğiniz kodları css e yerleştirince sol tarafa dayandı. Olmadı.

Ekran görüntüsü:

25.08.2013 23:01

#4

cgrclk Fortis Fortuna Adiuvat Kullanıcı

Üyelik 18.11.2011
Yaş/Cinsiyet 35 / E
Meslek Web Developer
Konum İstanbul Avrupa

Ad Soyad B** Ç**
Mesajlar 3270
Beğeniler 1014 / 1983
Ticaret 53, (%100)

iframe içerisindeki elementlere css veremiyorsunuz ne yazıkki. Bu yüzden javascript ile düzenlemeniz gerekiyor. Linkte verdiğim konuyu incelemenizi öneririm.

http://stackoverflow.com/questions/217776/how-to-apply-css-to-iframe

25.08.2013 23:21

#5

idea WM Aracı Kullanıcı

Üyelik 27.04.2011
Yaş/Cinsiyet 37 / E
Meslek Yazılım
Konum İstanbul Avrupa

Ad Soyad M** S**
Mesajlar 448
Beğeniler 165 / 44
Ticaret 4, (%75)

@cgrclk hocam JavaScript pek anlamıyorum. Basit işlemleri yapabiliyorum; ama bu beni aşıyor. Umarım biri yardım eder de çözeriz bu sorunu.

Ek Olarak: Hocam iframede genişlik sorunu videolarda da vardı. Ama yabancı bir site çözmüş. Video için CSS dosyasını yayınlamış. iframe içindeki videolar artık responsive olabiliyor.

Demek ki bu da JavaScript olmadan çözülebilir diye düşünüyorum.

Duyarlı (Responsive) tasarımda genişlik sorunu

Üye Girişi Yap