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

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar Navbar içeriğini sığdırma

Bu konudaki kullanıcılar: 1 misafir

4
Cevap 637
Tıklama 0
Öne Çıkarma

1. sayfa

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

Cevap Yaz

lucius-132

10 yıl

Teğmen

Konu Sahibi

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/

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

< 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

MOLİVER

10 yıl

Yüzbaşı

<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 mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @lucius-132

lucius-132

10 yıl

Teğmen

Konu Sahibi

İ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.

MOLİVER

10 yıl

Yüzbaşı

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

lucius-132

10 yıl

Teğmen

Konu Sahibi

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...

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar Navbar içeriğini sığdırma