• 18-04-2014, 19:03:41
    #1
    Merhaba arkadaşlar. Wp de eklentisiz related post (benzer içerikler) kutuları kulanıyorum. her yazının sonunda standart 3 yerine 9 adte ilgili içerik penceresi olmasını istedim. şöyle bir sorunla karşılaştım.



    sorun da şu; başlıklar iki satır olunca(kırmızı ile işaretlenen satırlar) kutularda kayma meydana geliyor. Bu sorunu css'de nasıl çözebileceğimi söyleyebilir misiniz?
    Teşekkür ederim.
  • 18-04-2014, 19:59:51
    #2
    Kutuyu 3 bölüm olarak düşün, birinci bölüm kapsayıcı, ikinci bölüm resim, üçüncü bölüm yazı bölümü.

    Resim boyutu x 2 satırın sığacağı yükseklik = kapsayıcının yüksekliği

    Yani yazı tek satırda olsa yazı alanı için bir div oluşturup buna iki satırın sığacağı bir yükseklik vermelisin.

    http://jsfiddle.net/oguzz/ZkTT8/19/

    Örneği incelersen daha iyi anlayabilirsin.
  • 18-04-2014, 21:35:45
    #3
    kutulardaki kayma, satırlar nedeniyle olmayabilir aslında. kaynak css kodlarına bakar mısınız yollasam?
  • 18-04-2014, 23:49:54
    #4
    Tabi bakarım ancak bunu firebug gibi bir eklenti ile sizde de anlayabilirsiniz.
  • 19-04-2014, 02:01:16
    #5
    EkolWeb adlı üyeden alıntı: mesajı görüntüle
    Tabi bakarım ancak bunu firebug gibi bir eklenti ile sizde de anlayabilirsiniz.
    Hocam #related kodları bunlar

    http://pastebin.com/b02dyemZ
  • 19-04-2014, 04:06:08
    #6
    Üyeliği durduruldu
    Hocam O Resimlerin Altındaki Title Kısımlarına Sabit Yükseklik Ver ve overflow:hidden; ilede verdiğin yükseklik dışındaki yerleri'de gizlesin çok zor bişey değil Kolay gelsin.