Webmaster Sitesi
    Webmaster Forumu > Ticari Alışveriş ve Takas Forumları > Kodlama, Tasarım Yaptırma

Sitemin Dropdown Menüsünde Sorun Var

Kodlama, Tasarım Yaptırma forumu içindeki; Sitemin Dropdown Menüsünde Sorun Var konu özeti oku:
—merhabalar; adresli sitemde (wordpress tabanlı) shailan dropdown plugini kullanmaktayım. bu plugin ile ayarlanabilir bir kayar menü ekleyebildim siteme. ilk zamanlarda çok güzel çalışıyordu. ancak yeni menüler (linkler) eklendikçe sorun çıkmaya başladı. menü şimdi 2 satır ...


Cevapla
 

Sitemin Dropdown Menüsünde Sorun Var

merhabalar;

adresli sitemde (wordpress tabanlı) shailan dropdown plugini kullanmaktayım. bu plugin ile ayarlanabilir bir kayar menü ekleyebildim siteme. ilk zamanlarda çok güzel çalışıyordu. ancak yeni menüler (linkler) eklendikçe sorun çıkmaya başladı. menü şimdi 2 satır ancak sola dayalı. ben menünün ortalı durmasını istiyorum ancak dar css ve kod bilgimle bunu beceremedim. bu konuda bilen arkadaşlardan yardım istiyorum.

şimdiden teşekkür ederim.
cep adına herşey!
WS'yi seviyoruz
 

biraz inceledim de satatik bi sağa sola daya diye birşey verilmemiş ufak bi değişiklikte bozulabilir isterseniz plugin css dosyasının linkini yazın bir bakiyim tekrardan...
 

Alıntı:
biraz inceledim de satatik bi sağa sola daya diye birşey verilmemiş ufak bi değişiklikte bozulabilir isterseniz plugin css dosyasının linkini yazın bir bakiyim tekrardan...
merhaba;

teşekkür ederim öncelikle, css linki aşağıdadır.

 

/* Sub levels */ ul.dropdown ul { position: relative; top: 100%; left: 0; } ul.dropdown ul li { float: left; display: list-item; list-style: none; }
böyle yapın diyeceğim ama yinede olmıyacak baştan uğraşmak gerek enteresan bir css olmuş

ama yinede şöyle basit bir örnek veriyim belki siz uğraşıp yapabilirsiniz;
.menu{
float:right;
position:relative;
left:-50%;
text-align:left;
}
.menu ul{
list-style:none;
position:relative;
left:50%;
}
 

Alıntı:
/* Sub levels */ ul.dropdown ul { position: relative; top: 100%; left: 0; } ul.dropdown ul li { float: left; display: list-item; list-style: none; }
böyle yapın diyeceğim ama yinede olmıyacak baştan uğraşmak gerek enteresan bir css olmuş

ama yinede şöyle basit bir örnek veriyim belki siz uğraşıp yapabilirsiniz;
.menu{
float:right;
position:relative;
left:-50%;
text-align:left;
}
.menu ul{
list-style:none;
position:relative;
left:50%;
}
merhaba;

vakit ayırıp uğraştınız ama ben çok anlamıyorum ki css den bunlar birşey ifade etmedi bana maalesef

Ekledi: firebux ile biraz kurcalayım dedim ve sunu farkettim;

/* Top level */
ul.dropdown li { display:inline; vertical-align: middle; zoom:1; }
ul.dropdown > li { float:left; }
ul.dropdown li a{ padding: .3em .8em; }

burada float: left kısmını center yapınca menü ortalıyor ancak her satırda tek menü olacak şekilde bütün linkler altalta geliyor. bunun dışında bir değişiklik yapamadım malesef.

Ekledi: yardımlarınızı bekliyorum
Cevapla




 
Webmaster Sitesi Forumu.