0
Kayıt Ol

CSS Kodu Düzenlemesinde Yardım Eder Misiniz?

7

●

184

  • 19-04-2024, 10:30:50
    #1
    HamdiCetin
    HamdiCetin
    Selamlar hocalarım, aşağıdaki sitemin header kısmında Menüyü en sağa arama kısmını da ortaya almak için css kodları ile uğraşayacak masaüstünde yer değiştirme işlemini başardım fakat mobilde menü sağ tarafa taştı. Sanırım kullandığım css kodları yanlış yardımcı olabilir misiniz.

    .nav-float-right #site-navigation {
    margin-left: 533px;
    margin-right: -946px;
}
    Site: ne iyi gelir
  • Kabul Edilen Cevap
    • Foxi
      1 Beğeni
      Mesaja Git
      HamdiCetin adlı üyeden alıntı: mesajı görüntüle
      Selamlar hocalarım, aşağıdaki sitemin header kısmında Menüyü en sağa arama kısmını da ortaya almak için css kodları ile uğraşayacak masaüstünde yer değiştirme işlemini başardım fakat mobilde menü sağ tarafa taştı. Sanırım kullandığım css kodları yanlış yardımcı olabilir misiniz.

      .nav-float-right #site-navigation {
    margin-left: 533px;
    margin-right: -946px;
}
      Site: ne iyi gelir 
      .nav-float-right #site-navigation {
    margin-left: 533px;
    margin-right: -946px;
}

@media only screen and (max-width: 768px) {
    .nav-float-right #site-navigation {
        margin-right: 0;
    }
}
      denermisin
  • 19-04-2024, 10:36:07
    #2
    Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.
    Foxi
    Foxi
    HamdiCetin adlı üyeden alıntı: mesajı görüntüle
    Selamlar hocalarım, aşağıdaki sitemin header kısmında Menüyü en sağa arama kısmını da ortaya almak için css kodları ile uğraşayacak masaüstünde yer değiştirme işlemini başardım fakat mobilde menü sağ tarafa taştı. Sanırım kullandığım css kodları yanlış yardımcı olabilir misiniz.

    .nav-float-right #site-navigation {
    margin-left: 533px;
    margin-right: -946px;
}
    Site: ne iyi gelir 
    .nav-float-right #site-navigation {
    margin-left: 533px;
    margin-right: -946px;
}

@media only screen and (max-width: 768px) {
    .nav-float-right #site-navigation {
        margin-right: 0;
    }
}
    denermisin
  • 19-04-2024, 10:36:09
    #3
    Netlack
    Netlack
    @media only screen and (max-width: 768px) {
    .nav-float-right #site-navigation {
    margin-left: 533px;
    margin-right: -946px;
    }
    }
    bu kodu ekleyip gerekli düzenlemeyi yapabilirsini diğer kodu silmeyin bu kodu ekstra ekleyin
  • 19-04-2024, 10:36:43
    #4
    aztech
    aztech
    display flex özelliğine bakın hocam bu şekilde css yazmak mantıklı değil
  • 19-04-2024, 10:38:19
    #5
    medyaforza
    medyaforza
    Aşağıdaki kodu kullanabilirsiniz ancak işinizi position absolute ile veya flex ile görmenizi tavsiye ederim.

    @media(max-width:768px){ .nav-float-right #site-navigation { margin-left: 0 !important; margin-right: 0 !important ; } }
  • 19-04-2024, 10:38:39
    #6
    Netlack
    Netlack


    evet hocam oluyor
  • 19-04-2024, 10:51:53
    #7
    HamdiCetin
    HamdiCetin
    Yardımlarınız için teşekkür ederim sorun çözülmüştür.
  • 19-04-2024, 19:39:43
    #8
    HamdiCetin
    HamdiCetin
    Foxi adlı üyeden alıntı: mesajı görüntüle 
    .nav-float-right #site-navigation {
    margin-left: 533px;
    margin-right: -946px;
}

@media only screen and (max-width: 768px) {
    .nav-float-right #site-navigation {
        margin-right: 0;
    }
}
    denermisin
    Evdeki PC'ye geçince fark ettim ekran büyüyünce menü solda kalıyor otomatik boyutlanmıyor. Şuan eski haline getirdim herşeyi istediğim şey arama kutusu ve menünün yerlerini değiştirmek yardımcı olabilecek var mı?