folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder Bi Delikanlı Bu Forumdaki Css Sorununu Çözebilirmi?



Bi Delikanlı Bu Forumdaki Css Sorununu Çözebilirmi?

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Tarikat Şeyhi
    HolyOne
    HolyOne's avatar
    Kayıt Tarihi: 01/Haziran/2002
    Erkek

    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

    Nush ile uslanmayanı etmeli tekdir, Tekdir ile uslanmayanın hakkı kötektir!
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Meczup
    1049
    1049's avatar
    Kayıt Tarihi: 04/Ağustos/2005
    Homo

    Ş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

    dudaklarına değen yağmur bir parça rujundan çalar. dudaklarına değen yağmur bile, bir parça rujundan çalar. benim değemediğim o dudaklarına değen yağmur, bir parça rujundan çalar. // bi gün buralarda yeni bir ağaç yeşerecek ve biz gölgesinde mürekkepler tüketeceğiz //
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Bulusma Fatihi
    samato
    samato's avatar
    Kayıt Tarihi: 31/Mayıs/2007
    Erkek
    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ı.


  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Hermes
    abdullahazad
    abdullahazad's avatar
    Kayıt Tarihi: 21/Mayıs/2007
    Erkek

    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?


    az insan çok huzur.
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Tarikat Şeyhi
    HolyOne
    HolyOne's avatar
    Kayıt Tarihi: 01/Haziran/2002
    Erkek

    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.


    Nush ile uslanmayanı etmeli tekdir, Tekdir ile uslanmayanın hakkı kötektir!
  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    rappermcs
    rappermcs's avatar
    Kayıt Tarihi: 04/Ekim/2002
    Erkek

    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?

     

    test


    Paslanmış bir uygulama geliştirici.. #AnalistŞart
  7. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Meczup
    1049
    1049's avatar
    Kayıt Tarihi: 04/Ağustos/2005
    Homo

    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.

     

     

    1049 tarafından 24/Haz/15 09:58 tarihinde düzenlenmiştir

    dudaklarına değen yağmur bir parça rujundan çalar. dudaklarına değen yağmur bile, bir parça rujundan çalar. benim değemediğim o dudaklarına değen yağmur, bir parça rujundan çalar. // bi gün buralarda yeni bir ağaç yeşerecek ve biz gölgesinde mürekkepler tüketeceğiz //
  8. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Ccaglayan
    Ccaglayan's avatar
    Kayıt Tarihi: 23/Kasım/2011
    Erkek

    Ş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
  9. KısayolKısayol reportŞikayet pmÖzel Mesaj
    camarade
    ontedi
    ontedi's avatar
    Kayıt Tarihi: 04/Eylül/2005
    Erkek
    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.

     

     

    ontedi tarafından 24/Haz/15 09:16 tarihinde düzenlenmiştir

    Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.
  10. KısayolKısayol reportŞikayet pmÖzel Mesaj
    cemnet
    cemnet's avatar
    Kayıt Tarihi: 18/Eylül/2007
    Erkek
    <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

  11. KısayolKısayol reportŞikayet pmÖzel Mesaj
    cache
    cache's avatar
    Kayıt Tarihi: 01/Şubat/2014
    Erkek

    Mobilde yazılar taşıyor bazen onada bakarsan iyi olur şeyhim

     

    cache tarafından 24/Haz/15 11:25 tarihinde düzenlenmiştir

    En iyisi olmadan önce, her zaman en kötüsü olmaz mı ?
Toplam Hit: 4406 Toplam Mesaj: 27
css image width