• 16-12-2015, 02:37:40
    #1
    Üyeliği durduruldu
    Merhaba arkadaşlar, sorunum çok basit; sitemin mobil temasında beli bir karakterden sonra yazı sağa doğru taşıyor bu da temayı bozuyor. Bunu nasık engelleyebiliriz ?
  • 16-12-2015, 08:40:55
    #2
    F. STACK WEB + MOBILE DEV
    bluesboystunes adlı üyeden alıntı: mesajı görüntüle
    Merhaba arkadaşlar, sorunum çok basit; sitemin mobil temasında beli bir karakterden sonra yazı sağa doğru taşıyor bu da temayı bozuyor. Bunu nasık engelleyebiliriz ?
    CSS ile yazıyı bitirip sonuna üç nokta koyabilirsin ancak tam olarak nasıl bir şey istiyorsun anlamadım. Sorunun ekran görüntüsünü çekip koyabilir misin?
  • 16-12-2015, 08:43:28
    #3
    Mobil görünümde yazıya white-space: nowrap verilmiş olabilir.
  • 16-12-2015, 11:01:40
    #4
    Üyeliği durduruldu
    Tonks adlı üyeden alıntı: mesajı görüntüle
    CSS ile yazıyı bitirip sonuna üç nokta koyabilirsin ancak tam olarak nasıl bir şey istiyorsun anlamadım. Sorunun ekran görüntüsünü çekip koyabilir misin?
    Sorun tam olarak şu
  • 16-12-2015, 12:41:42
    #5
    F. STACK WEB + MOBILE DEV
    bluesboystunes adlı üyeden alıntı: mesajı görüntüle
    Sorun tam olarak şu
    Hocam yazıya "width:" verip yazının alt satrıma geçmesini sağlayabilirsin ya da yine yazıya genişlik verip, taşan kısmı kesip oraya "..." koyabilirsin.

    Yazıp kaç pixelden sonra bozuluyorsa (max-width: 480px) alanına onu yaz ve o beyaz alanın genişliğini bulup sınıf içerisinde ki genişliğe yaz

    @media (max-width: 480px) {
        .yazinin-sinifi-veya-kimligi {
            width: 300px;
        }
    }
    biraz css bilgin varsa, ne dediğimi anlamışsındır

    eğer yazıyı ... (üç nokta) ile sonlandırmak istiyorsanız

    @media (max-width: 480px) {
        .yazinin-sinifi-veya-kimligi {
            width: 300px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }
    yukarıda ki parçacığı kullanabilirsiniz, eğer yine sorunu çözemiyorsanız sayfa bağlantısını buradan paylaşın tam olarak gerekli kodu vereyim
  • 17-12-2015, 01:09:10
    #6
    Üyeliği durduruldu
    Tonks adlı üyeden alıntı: mesajı görüntüle
    Hocam yazıya "width:" verip yazının alt satrıma geçmesini sağlayabilirsin ya da yine yazıya genişlik verip, taşan kısmı kesip oraya "..." koyabilirsin.

    Yazıp kaç pixelden sonra bozuluyorsa (max-width: 480px) alanına onu yaz ve o beyaz alanın genişliğini bulup sınıf içerisinde ki genişliğe yaz

    @media (max-width: 480px) {
        .yazinin-sinifi-veya-kimligi {
            width: 300px;
        }
    }
    biraz css bilgin varsa, ne dediğimi anlamışsındır

    eğer yazıyı ... (üç nokta) ile sonlandırmak istiyorsanız

    @media (max-width: 480px) {
        .yazinin-sinifi-veya-kimligi {
            width: 300px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }
    yukarıda ki parçacığı kullanabilirsiniz, eğer yine sorunu çözemiyorsanız sayfa bağlantısını buradan paylaşın tam olarak gerekli kodu vereyim
    Hocam şöyle vereyim : http://www.getfile.ml/download.php?id=9
  • 17-12-2015, 01:15:19
    #7
    <span style="font-size:21px;">5.gearandtoneguitarlessoninthestyleofs lash.mp4</span>

    alanına word-wrap: break-word; ekleyin.

    yani

    <span style="font-size:21px; word-wrap: break-word;">5.gearandtoneguitarlessoninthestyleofslash. mp4</span>

    olacak
  • 17-12-2015, 01:26:19
    #8
    Üyeliği durduruldu
    ~Aykut adlı üyeden alıntı: mesajı görüntüle
    <span style="font-size:21px;">5.gearandtoneguitarlessoninthestyleofs lash.mp4</span>

    alanına word-wrap: break-word; ekleyin.

    yani

    <span style="font-size:21px; word-wrap: break-word;">5.gearandtoneguitarlessoninthestyleofslash. mp4</span>

    olacak
    uyguladım hocam, çok teşekkür ederim öğrendiğim iyi oldu