• 03-04-2021, 15:09:01
    #1
    Merhaba,
    Bu linketi (codepen) kodları yazdım. Ve sonuç olarak böyle bir navbar aldım.
    Benim amacım Anasayfa, satın al gibi li elemanlarını navbar'da ortalamak. Ne yapsam olmadı. Yardım edebilecek var mı? Ne yapmam gerekiyor?
  • 03-04-2021, 15:15:32
    #2
    PM gönderildi.
  • 03-04-2021, 15:16:58
    #3
    nav ul {
    1. list-style-type: none;
    2. margin: 0;
    3. padding: 0;
    4. line-height: 40px;
    }

    kısıma margin: 0; değilde margin:0 auto; yaparsanız ortalanır hocam. Container div'inizde 1200px olduğu için sola çekik durabilir onada eklemeniz gerek.
  • 03-04-2021, 15:17:13
    #4
    .container{margin:0 auto;}
    nav ul {width: 100%; text-align: center;}
    ekleyip deneyebilirsin.
  • 03-04-2021, 15:20:10
    #5
    Merhabalar,
    Aşağıdaki kod işinizi görecektir.
    .container{
        display: flex;
        width: 100% ;
        justify-content: center;
    }
    GÖRSEL;

  • 03-04-2021, 15:23:40
    #6
    nav ul kısmı yerine şu kod işinize yarayacaktır.

    nav ul{
    list-style-type: none;
    padding: 0;
    line-height: 40px;
    margin: 0 auto;
    }
  • 03-04-2021, 16:30:20
    #7
    Onur89TR adlı üyeden alıntı: mesajı görüntüle
    nav ul kısmı yerine şu kod işinize yarayacaktır.

    nav ul{
    list-style-type: none;
    padding: 0;
    line-height: 40px;
    margin: 0 auto;
    }
    Hocam yarı ortalandı hâlâ tamamen ortada değil
  • 03-04-2021, 16:30:54
    #8
    tuzlatuning adlı üyeden alıntı: mesajı görüntüle
    Merhabalar,
    Aşağıdaki kod işinizi görecektir.
    .container{
        display: flex;
        width: 100% ;
        justify-content: center;
    }
    GÖRSEL;

    teşekkürler