div#chatra. chatra--side-left. chatra--style-round:not PC'den siteyi açtığımda çalışıyorken, cepten girdiğimde çalışmıyor kod. Nerde hata yapıyor olabilirim? TiThousand tarafından 23/Ağu/17 19:01 tarihinde düzenlenmiştir

Çalışan masaüstü kodu olduğu gibi kalsın, silme. Media kodunu ilave olarak kullanırsan problem olmaz. "Programcılar saatler boyunca çalışmak zorunda kalmalarına engel olacak sistemler tasarlamaya saatler boyunca uğraşırlar." David Allen

Tam yapmak istediğim şeyi şyle anlatayım... Masaüstünde grüntülediğim web siteme Chatra modülünü yükledim. Modül alakasız bir yerde durduğu için CSS yolu ile masaüstünde gz kararı bir noktaya kadar taşıdım (bkz. 730px). Daha sonra aynı web sitemi mobilde açtığımda Chatra modülü yine eski alakasız yerine geri gelmiş oluyor. Çzüm bulmak adına media etiketini tanımlayınca masaüstü grünümde modül yine eski konumuna gitmiş oluyor. İstediğim şey, masaüstü sürümünde modülü hizaladığım alan; mobil sürümde de aynı yerinde kalsın. 2-3 saat uğraştım, çok yabancı kaynak okudum ama çare bulamadım. Sizlere de danışayım dedim. Mobil sürümde byle dağınık grünürken: http://share.pho. to/AmnBw Masaüstü sürümde tam sağda, istediğim yerde. TiThousand tarafından 24/Ağu/17 00:22 tarihinde düzenlenmiştir

canlıya bi yere demo at üzerinden tartışalım

Muhtemelen kullandığın modül vs her neyse, javascript içinde css ayarlarıyla oynuyor. Sen sayfayı çağırdığında media tag'ini uyguluyor fakat sonra javascript'de tekrar eski haline getiriyor. ! important kullan bakalım ne olacak. Ezdirme left'ini :D Bir de left ve right kullanmamaya zen gster. Üzer sonra. İlla kullanacaksan da onu kapsayan alanla sınırlandır. media taglerine ekleyeceksin bir de varsayılanına ekleyeceksin. Varsayılan mediatag'indeki üst limitin üstü olur. patata tarafından 24/Ağu/17 10:51 tarihinde düzenlenmiştir Tahtam eksik

ya yüzdelik dilim olarak vericeksin left: 20%; gibi veya media etiketini kullanıcaksın. @media only screen and (max-device-width: 480px) { div#chatra. chatra--side-left. chatra--style-round:not } gibi bişi yaparsan sadece mobile cihazlarda çalışacak şekilde ekstra tanımlama yapabilirsin Media etiketini kullanınca bu sefer masaüstündeki bozuluyor.

Hocam left:730px demişsin. mobilde o kadar genişlik var mı?

ya yüzdelik dilim olarak vericeksin left: 20%; gibi veya media etiketini kullanıcaksın. @media only screen and (max-device-width: 480px) { div#chatra. chatra--side-left. chatra--style-round:not } gibi bişi yaparsan sadece mobile cihazlarda çalışacak şekilde ekstra tanımlama yapabilirsin

ya yüzdelik dilim olarak vericeksin left: 20%; gibi veya media etiketini kullanıcaksın. @media only screen and (max-device-width: 480px) { div#chatra. chatra--side-left. chatra--style-round:not } gibi bişi yaparsan sadece mobile cihazlarda çalışacak şekilde ekstra tanımlama yapabilirsin Teşekkür ederim :) Media etiketini kaldırdım. Left'te PX yerine % etiketini kullandım. Çok güzel oldu.

Çalışan masaüstü kodu olduğu gibi kalsın, silme. Media kodunu ilave olarak kullanırsan problem olmaz. Çalışmadı maalesef. Media kodunu ekledikten sonra hem masaüstü'nde, hem de mobil de bozuldu.

Yok ama mobilde istediğim gibi grünmesini nasıl yapabilirim? PC'de tam istediğim gibi grünüyor bu arada. TiThousand tarafından 23/Ağu/17 19:20 tarihinde düzenlenmiştir