Html - CSS - XML - JavaScript - Ajax
Bi Delikanlı Bu Forumdaki Css Sorununu Çözebilirmi?
Bi Delikanlı Bu Forumdaki Css Sorununu Çözebilirmi?
-
Ya sıyırdm amq mantık kurallarına aykırı çıktı verior css
Resim olan bir forum sayfasına gelin örneğin
http://www.tahribat.com/Forum/Bok_Cesitleri__Android_Uygulamasi-208057
Buradaki imaja copy url yapıp yeni pencerede bakın. orjinal boyutta göreceksiniz.
Şimdi bu şeyin widthini auto yaparsam orjinal boyuta geliyor ama browseri küçültünce alanın dışına taşıyor. Max width:100% eklesem de bişiy değişmiyor.
- Eğer widthini %100 yaparsam bu defa 10 pixellik resim ekranda dev bi 1000 pixellik resme dönüşüyor ama ekrana oturuyor.
- Benim istediğim imaj auto olsun ama ekrandan büyükse arkadaki alanın %100 ünü kaplasın. dışına taşmasın. bukadar basit bişey istiyorum, ille javascriptmi kullanmalıyım bunun için?
Gerekirse forum mesajlarının csslerini baştan yapacak şekilde çözebilen varsa şuku veririm en çok şikayet bundan geliyor şimdilik.
Örnek resim (24*24)
büyük resim:
HolyOne tarafından 24/Haz/15 08:34 tarihinde düzenlenmiştir -
Şeyh buglu kod yazmaz. Bir sorun varsa senden değil Css in kendisindendir şeyhim. Yapan adamlar iyi yapamamış demek ki bu standartları.
Ekleme: srcset sorununu çözebilir şeyhim. şurada bayağı bir detay var. https://css-tricks.com/video-screencasts/133-figuring-responsive-images/
ekleme2: gerçi srcset kullanabilmek için resimleri siteye yüklemek gerek sanki.
ekleme3: aslında max-width in çalışması lazım. arada bi yere reset.css import et bari şeyhim.
ekleme4: yalnız bu konuya kadar uzun zamandır böyle gülmemiştim :D
1049 tarafından 24/Haz/15 08:35 tarihinde düzenlenmiştir -
1049 bunu yazdı
Şeyh buglu kod yazmaz. Bir sorun varsa senden değil Css in kendisindendir şeyhim. Yapan adamlar iyi yapamamış demek ki bu standartları.
-
seyh suan firefox 39 kullaniyorum ve firefoxu nasil boyutlandirirsam boyutlandirayim image sayfaya hep reponsive olarak oturuyor suan. her hangi bir tasma yok.
tarayici farkliligi olabilir mi? hepsinde var mi?
-
Sorunu daha iyi anlatmak için iki resim ekledim.
Eğer widthi auto yaparsam göze güzel gözüküyor ama mobilde alanın dışına taşıyor.
-
Holy hocam açıkcası bende tam anlayamadım sorunu. Mobilde taşma yapıyor demişsin bende yapmıyor?
@AbdullahAzad ın da dediği gibi tarayıcı bazlı bir durum olabilir mi?
-
http://i.imgur.com/k8ZhFX5.png şukumu isterim :D
ekleme: şeyhim main.css yi sadece anasayfa ve diğer sayfalar için kullansan da forumview.css i sadece forum için kullansan olmaz mı? height:20px height:auto; max-width gibi tekrarlardan arınır en azından site.
@rappermcs hocam allah aşkına o caps sağlıklı bir görüntü mü içeriyor? 20x20px resmin görüntüsüne bak :D otomatik olarak normal forum sayfasında 529px width yazma ekranında 661.25px width veriyor site.
-
Şeyhim css'in media query'lerinden yararlan derim belirli ekran genişliğine göre resimlerin genişlikleri değişsin bide baktımda hem height hemde width vermek img'lere sakatlık olur sadece width ver height'ı oto yap.
örnek css media query
@media screen and (max-width: 1024px){ div.postMain .PostCanvas .PostContent img { height: 100%;
} }düzeltme: yazım yanlışı.
Ccaglayan tarafından 24/Haz/15 09:14 tarihinde düzenlenmiştir -
div.postMain .PostCanvas .PostContent img { height: auto; min-width: 16px; min-height: 16px; max-width: 100%; }
Css sınıfını böyle yaparsan düzelir zannımca.
-
<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">
http://www.w3schools.com/bootstrap/bootstrap_ref_css_images.asp
bootstrap çözerdi bu sorunu aslında
-
Mobilde yazılar taşıyor bazen onada bakarsan iyi olur şeyhim