Full screen ul li yatay menu istiyorum.

03-05-2013, 10:23:53

Örnek menü http://www.starbucks.com.tr/ de var.

Menu üzerine gelince altta acılan menulerin full screen olması için ne yapmam lazım örnek varmı elinizde?

03-05-2013, 12:33:59

#2

playturks

Sanırım yüzde vermeniz gerekli. Bu da body ve nav'a verdiğiniz genişlikle alakalı.

03-05-2013, 14:46:57

#3

erkutadakli

  <div style="width:100%">
       <div style="width:960px;margin:0 auto">
            <ul>
               <li><a href="#">Menü</a></li>
               <li><a href="#">Menü</a></li>
           </ul>

      </div>
</div>

Mantık Bu Şekilde

06-05-2013, 00:08:59

#4

~~Frissco~~

Üyeliği durduruldu

Mesela sitenizi kodlamaya başladınız:

<body>
    <div id="tasiyicikapsul">
          <div class="menu">
          </div>
    </div>
</body>

bu html icin css dökümü:

#tasiyicikapsul {
      width: 100%;
      margin: 0;
}

.menu {
     width: 100%;
     height: 40px;
     float: left;
}

Buradaki tek sorun şu olacaktır. mesela siz sitenizin tamamını ortalama yada sola sağa dayamak istediğinizde tasiyici kapsülü 100% yaptığınız için bütün header content ve footer alanlarınız için;

header{
  width: 960px;
  margin: 0 auto;
}

content{
  width: 960px;
  margin: 0 auto;
}

footer{
  width: 960px;
  margin: 0 auto;
}

İş böyle olunca gereksiz kod kbyt'ı oluşacaktır. Projelerde milisaniyeler bile önemlidir. Büyük bir yazılım projeside böyle zirveye oturur zaten. Bu yüzden tavsiyem;

1- Sadece tek bir alan için full-width kullanacaksanız eğer mutlaka o alandan sonrasını bir kapsül içerisine alın.Bu sayede diğer bütün divlerinizi tek bir kod ile ortalamış olursunuz.

2- Kodlamalarınızı temiz ve açıklama satırlarıyla birlikte yapınız. Çünkü bir proje başlarken ne kadar ufak görünsede ilerlediğinde can kurtaran çağırmak zorunda kalabilirsiniz.

Ülkemizde büyük projelerin az olmasının tek nedeni sabırsız bir milletiz. Bir projeye başlıyoruz istediğimizi elde edemeyince başka bir proje yapmaya kalkışıyoruz. Devamlılık çok önemli. Kolay gelsin.