Şimdi Ara

Navbar içeriğini sığdırma

Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
5
Cevap
0
Favori
599
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Merhaba. Sitemiz için navbar yapıyorum. yüze yüze kuyruğuna geldim. son bir değişikliği kaldı. ama beynim durdu. az daha zorlarsam 404 Brain not found hatası alacağım bu gdişile :D :D
    aşağıdaki linkte açılan sayfada navbar'cığımın deneyebileceğiniz örneği var. Kenarlarda solda 3px (1px border+1px boşluk+1px border galiba), üstte 10px, altta 10 px, sağda 33px boşluk var. (pikselleri de printscreen yapıp, fotoşopta büyütüp ölçtüm. :) ) içeriği o genişliğe sığdıramadım. Nasıl yapabilirim?

    ayrıca span class ile verilen düğme üzerindeki çubuklar görünmüyor..

    http://jsfiddle.net/1hwbzk9v/1/



    < Bu mesaj bu kişi tarafından değiştirildi lucius-132 -- 28 Haziran 2015; 8:58:23 >







  • lucius-132 kullanıcısına yanıt
    <ul class="nav navbar-nav nav-justified">

    Sorun ul tagına sağdan verilen fazla değerden kaynaklanıyor.üstte ki kod açılır menüdeki linkleri kapsıyan kodun başlangıcıdır.Buna ekstra bir class verip sorunu çözebiliriz yada o fazla verilen değeri deneme yanılmayla azaltarak linklerin ortada gözükmesini sağlayabiliriz.Ben ilk yöntemi göstereceğim.

    <ul class="deneme nav navbar-nav nav-justified">

    Koda ekstra bir class veriyorum ve menüde ortalaması için soldan genişlik vereceğim.Böylelikle menü içeri doğru hareket edecek.

    .deneme {padding-left: 20px;}


    Bu kod ile soldan içeri girmesini sağlıyorum.Oradaki sayıyı rastgele verdim, sen deneme yanılma ile istediğin koduma getirebilirsin.

    < Bu ileti mobil sürüm kullanılarak atıldı >
  • İlgilendiğin için sağol. Ama farklı bir şekilde hallettik.

    .nav-justified { 
    border-radius: 6px;
    border: 1px solid #006699;
    margin: 0;
    padding: 0;
    }

    şeklinde sorun çözüldü.
  • lucius-132 kullanıcısına yanıt
    Ikinci yöntemde bahsettiğim buydu.İyi çalışmalar.

    < Bu ileti mobil sürüm kullanılarak atıldı >
  • quote:

    Orijinalden alıntı: MOLİVER

    Ikinci yöntemde bahsettiğim buydu.İyi çalışmalar.

    pardon. oruç oruç iyi okuyamamışım :D açlık kafama vurmuştu iyice...
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.