Float Left İçindeki Menüyü Ortalama

codenames1 · 24 Aralık 2011

İyi günler arkadaşlar;

Genişliği otomatik olan bi menü yaptım ve menüdeki butonları veritabanımdan çekip float:left ile yan yana sıraladım. Fakat bu butonlar, sayfanın genişliğini aşınca aşağı kayıyor. Benim sorunum burdan sonra başlıyor; bu alta kayan menüleri de yine birbirlerinin ardı ardına gelebilecek şekilde nasıl ortalarım ? Menünün olduğu kısım;

PHP:

<table style="margin-left:8px; width:auto; height:auto; left:50%;">
  <tr><td>
<?
$queryz = mysql_query("SELECT * FROM RH_Store_Menu ORDER By Id");

while ($listz = mysql_fetch_array($queryz)) {
    $Menu = $listz['Menu_Name'];
    ?><table class="contentTable" align="center" style="float:left; margin-left: auto; margin-right: auto; width: auto; height: auto;" border="0" cellspacing="0">
<tbody>
<tr><td><strong><?=$Menu;?></strong></td></tr></tbody></table><? };?></td></tr></table>

Menü Görünümü :

Benim olmasını istediğim hali (Photoshopta ortaya taşıdım butonları) :

Google'de de araştırdım ve bakmadığım konu kalmadı diyebilirim. Çoğu yerde her satırda 5'erli 5'erli sıralama gibi kodlar var ama Buton isimlerinin uzunluğu belli olmadığından her satırdaki buton sayısını sabitlemek istemiyorum. Aşağı kayan satırları nasıl ortalayabilirim ?

osahin · 24 Aralık 2011

float: left; margin: 0;

codenames1 · 24 Aralık 2011

osahin' Alıntı:
float: left; margin: 0;

Cevap için saol da malesef işe yaramadı, sadece üstteki butonlarla alttakiler arasındaki boşluğu kaldırıp sıklaştırdı. Alta kayan kategoriler hala ortalanmadı..

Ekleme: Temel olarak ;
boyu önemli olmayan, eni 890px olan bir çerçeve içine Veritabanından çektiğim Menü isimlerini otomatik olarak sıralamam gerek. Sonradan eklenen menüler de otomatik olarak ve sırayı bozmadan eklenebilmeli tabloya. Örneğin;

Veritabanındaki "Menü 1, Menü 2, ............. Menü 12" menülerini çekip sıraladık diyelim tabloya, Menü 10'a kadar olan kısım 890px genişliğe ulaştı dersek, alt satıra gelcek olan Menü 11 ve Menü 12 ortalı bi şekilde görülmeli . Şu şekil :

Menü 1 Menü 2 Menü 3 Menü 4 Menü 5 Menü 6 Menü 7 Menü 8 Menü 9 Menü 10
Menü 11 Menü 12

Sonradan eklenecek menüler de otomatikman veritabanından çekilip düzeni bozmadan eklenebilmeli.. Satırlardaki menü sayılarını sınırlamak çözüm olmaz, menü isimlerinin uzunlukları standart değil çünki.. Biri daha uzun, biri çok kısa filan olunca görüntü berbat oluyo. Demek istediğim üst satır dolunca alt satıra geçsin ve alt satır daha dolmamışsa, boşluk varsa burdaki menüler ortalı bi şekilde görünsün. İlk mesajımdaki 2. resimdeki gibi yani...

UmutTasarım · 25 Aralık 2011

text-align:center demeyi denediniz mi li'leri kapsayan ul'a ?

codenames1 · 25 Aralık 2011

UmutTasarım' Alıntı:
text-align:center demeyi denediniz mi li'leri kapsayan ul'a ?

Hayır ama işe yaramayacağını düşünüyorum, çünkü ;

float:left diyerek verileri yan yana sıraladığımızda , sığmayan ve alta kayan kısım aslında ikinci satır olmuyo. Tamamen birinci satıra bağlı oluyo ve bu sebeple de birinci satırın sadece o parçası üzerinde işlem yapamıyoruz... Acaba sıfırdan düşünücek olursak; veritabanındaki menüleri çektikten sonra sayfa genişliğine bağlı olarak nasıl aşağıdaki gibi sıralayabiliriz ?

Veritabanındaki "Menü 1, Menü 2, ............. Menü 12" menülerini çekip sıraladık diyelim tabloya, Menü 10'a kadar olan kısım maximum genişliğe yani çerçevenin width değerine ulaştı dersek, alt satıra gelcek olan Menü 11 ve Menü 12 ortalı bi şekilde görülmeli . Şu şekil :

Menü 1 Menü 2 Menü 3 Menü 4 Menü 5 Menü 6 Menü 7 Menü 8 Menü 9 Menü 10
Menü 11 Menü 12

Ekleme: Denediğim sayısız fonksiyonların ardından menüyü bi de alt alta sola dayayayım dedim ve sonuç , benim ilk istediğim menü düzeninden daha iyi oldu

İlgilenen herkese çok teşekkür ederim...

Float Left İçindeki Menüyü Ortalama

codenames1

0

osahin

0

codenames1

0

UmutTasarım

0

codenames1

0

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5