مشکل با display:inline در طراحی منو در Css

[m3hdi 15]

دوباره سلام بچه ها ..

من یه مشکل شدید دارم . کلا یعنی این مشکل داشتم . هر چی هم سرچ میکنم چیزی پیدا نمی کنم .

در هنگام تعریف منو در Css وقتی از گزینه : display:inline استفاده میکنم منوهای من رو خیلی بد نمایش میده : به شکل زیر ::

[ATTACH=CONFIG]3943[/ATTACH]

اگر به جای display:inline از float : Right استفاده کنم درست نشون میده ... اما مشکل اینجاست که دیگه نمیتونم منو ها رو در مرکز قرار بدم .

یه نمونه از کدی که برای منوم قرار میدم : خیلی ساده هستش ::

#footermenu ul.menu {
list-style: none;
text-align: center;
margin:0 auto;
}
#footermenu ul.menu li{
margin-right: 10px;
margin-left: 10px;
display:inline;

}

اینم میدونم که برم تو بخش تنظیمات منو در جوملا اگه یه فاصله به اول و اخرش بزنم درست میشه !!!! اما من میخوام اینو تحویل مشتری بدم و مشتری راحت منو وارد کنه !!!!

پس راه حل درست شدنش رو میخوام ...

:25::auizz3ffy9vla57584x

ویرایش شده در تیر 92 توسط m3hdi
توضیحات مختصر

[Vahid Taheri 74]

اگر بتونید دموی آنلاین قرار بدین خیلی بهتر میتونیم کمکتون کنیم

[amin.poorsaeed 26]

به این لینک مراجعه کنید جواب سوالتون اینجاست

http://stackoverflow.com/questions/1055134/how-to-centrally-align-a-float-left-ul-li-navigation-menu-with-css