• 04-10-2018, 03:02:23
    #10
    owuzan adlı üyeden alıntı: mesajı görüntüle
    Hocam ben şu an Mozilla Firefox üzerinde denedim doğru sonucu veriyor. Bilgisayar üzerinde ki Chrome yanlış sonuç veriyor nedense. Bazı özellikler gibi -webkit- ön eki kullanılacak bir özellik de değil ki bu kullanalım. Tek çare top right bottom ve left değerlerini ayrı ayrı yazmak sanırım Teşekkürler ilginiz için.




    Hocam en soldaki linkte zaten padding left 4px mevcut, ancak sağdaki linkte padding right 0px olmasına rağmen soldan fazla gösteriyor. Siz daha da fazla göstermişsiniz şu an. Ama sorun sanırım Google Chrome'dan kaynaklanıyor. Tüm yönler için ayrı ayrı yazmak şimdilik çözüm gibi duruyor.
    Evet hocam bende farkedip mesajı silmiştim başka bir çözüm var.En azından iki tarafıda eşitleyebilirsiniz.

    .pagination .pages:after {
    padding-right:7px;
    content: ""
    }
    Ayrıca ek olarak;

    .pagination .pages {
      height: 33px;
    }
    Fakat mozillada test etmedim.
  • 04-10-2018, 03:07:23
    #11
    Scarecrow adlı üyeden alıntı: mesajı görüntüle
    Evet hocam bende farkedip mesajı silmiştim başka bir çözüm var.En azından iki tarafıda eşitleyebilirsiniz.

    .pagination .pages:after {
    padding-right:7px;
    content: ""
    }
    Ayrıca ek olarak;

    .pagination .pages {
      height: 33px;
    }
    Fakat mozillada test etmedim.
    Hocam bu şekilde bilgisayar için Google Chrome'da düzelse bile mobil için olan sürümde doğrusunu gösteriyor. Bu özellikleri yazmak da sadece bilgisayar için olan Chrome'a doğru geldiğinden diğer mobil ve masaüstü tarayıcıları yok sayıp bu yanlışı doğru gibi kabul etmek yanlış olur

    Bu arada değerleri farklı farklı verince de düzgün görüntülenmedi. Biraz araştırdığımda Google Chrome'nin böyle bir sorunu olduğunu farkettim. Stackoverflow üzerinden de bu tarz sorular sorulmuş. Mecburen arkadaşın da dediği gibi ul li yapısını kullanmam gerekecek. Aslında en başta öyle yapmıştım ama bunun kodu daha kısa diye onu silip bunu yapmaya karar verdim sonra Neyse geriye dönelim.

    İlgilenen herkese teşekkür ederim.
  • 04-10-2018, 03:58:02
    #12
    Çözüm basit aslında. İki farklı yol izlemeniz gerekmekte. Bu yapıyı ul li olarak yaparsanız daha avantajlı olursunuz. a tagı ile yapmak istiyorum derseniz a taglarına display:inline-block; pages classı na da text-aling:center; verdiğinizde alanı ortalı bir şekilde sabit kullanıcaktır.
  • 04-10-2018, 04:12:59
    #13
    a etiketleri ile olmayınca ul li yapısında yapıp kapattım zaten inline- block denedim ama çalışmadı yine de. Belki yanlış yapmışımdır. Neyse sorun kalmadı zaten artık, teşekkür ederim hocam.
  • 04-10-2018, 04:17:12
    #14
    ul li yapısında da li lere display:inline-block; ul ye display:block; text-align: center; verdiğinizde istediğiniz çözüme kavuşursunuz şuan sabahın 4 ü editörü acmaya üşeniyorum hayırlı sabahlar
  • 04-10-2018, 04:19:21
    #15
    Birdilimask adlı üyeden alıntı: mesajı görüntüle
    ul li yapısında da li lere display:inline-block; ul ye display:block; text-align: center; verdiğinizde istediğiniz çözüme kavuşursunuz şuan sabahın 4 ü editörü acmaya üşeniyorum hayırlı sabahlar
    Bu dediklerinizi kullanmadım ama yine de çalışıyor. En başta zaten bu yapıda yapmıştım. Sonra sadece a kullanarak yapmak istedim ama olmadı Sorun yok şimdilik her şey harika Hayırlı sabahlar.