• 20-12-2019, 09:15:45
    #1
    Siteme bir bülten formu ekledim ve CSS ile şekillendirdim ancak listeleri %33.333 şeklinde daraltıp float: left; verince seçilemez hale geliyorlar. Ne yapmam gerekiyor seçilebilir hale gelmeleri için?

    Görsel: http://prntscr.com/qde2sg
    Kodlar: http://prntscr.com/qde3q7
    Canlı hali: https://miyavliyo.com/
  • 20-12-2019, 09:19:54
    #2

    Telefondan da kontrol edin hocam, o​ kodla mobilde daha uyumsuz oluyor.
  • 20-12-2019, 09:23:29
    #3
    wizi_emre adlı üyeden alıntı: mesajı görüntüle

    Telefondan da kontrol edin hocam, o kodla mobilde daha uyumsuz oluyor.
    Yok hocam daha responsive kodlama aşamasına geçemedim konuda bahsettiğim sorun yüzünden, önce onu çözmem gerekiyor.
  • 20-12-2019, 09:50:37
    #4
    https://codepen.io/enxaneta/full/adLPwv
    flex ile yap sorun yaşamazsın.
  • 20-12-2019, 10:31:52
    #5
    float:left sorun yaşamanıza sebep oluyor. Aşağıdaki kodu ekleyebilirsiniz.

    .hamepage-newsletter .mailster-lists-wrapper ul{display: flex;margin: 0 -5px;}
    .hamepage-newsletter .mailster-lists-wrapper li{float: none;margin: 0 5px;}
    Flex ile yan yana getirip her bir kutu arasına 10px boşluk verdim. Hem içerikler iç içe girmeyecek hem de istediğiniz çıktıyı alacaksınız.