Bu konudaki kullanıcılar: 2 misafir, 2 mobil kullanıcı
4
Cevap
121
Tıklama
0
Öne Çıkarma
Navbar içeriğini sığdırma

L lucius-132 Konu Sahibi
6 yıl (166 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 >


Bu mesajda bahsedilenler: @MOLİVER , @ebilgic , @OverdoseThemes

M MOLİVER
6 yıl (696 mesaj)
<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ı >


Bu mesajda bahsedilenler: @lucius-132

L lucius-132 Konu Sahibi
6 yıl (166 mesaj)
İ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ü.


Bu mesaja 1 cevap geldi.

M MOLİVER
6 yıl (696 mesaj)
Ikinci yöntemde bahsettiğim buydu.İyi çalışmalar.



< Bu ileti mobil sürüm kullanılarak atıldı >
Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @lucius-132

L lucius-132 Konu Sahibi
6 yıl (166 mesaj)
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...



DH Mobil uygulaması ile devam edin. Mobil tarayıcınız ile mümkün olanların yanı sıra, birçok yeni ve faydalı özelliğe erişin. Gizle ve güncelleme çıkana kadar tekrar gösterme.