مشکل در منوی قالب

سلام
دوستان لطفا کمک کنید .
این تصویر منوی قالب بنده هست .

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

همانطور که می بینید 2 مشکل اساسی داره . فاصله منوها یکی نیست . متن منوها هم وسط نیست . به نظرم اگر متن بیاد وسط اون فاصله ها هم درست بشه . این مشکل رو چطوری درست کنم .
کلاس منو هم art-hmenu است . قالب راستچین است .

سلام
آدرس بدید تا بررسی بشه.

شاد باشید

نمیشه عزیزم . دارم طراحی میکنم - این مشکل بر طرف نمیشه

این هم کد مربوطه

نقل قول:

---

ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover
{
outline: none;
position: relative;
z-index: 11;
}

ul.art-hmenu, ul.art-hmenu ul
{
display: block;
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}

ul.art-hmenu li
{
position: relative;
z-index: 5;
background: none;
margin: 0;
padding: 0;
border: 0;
}

ul.art-hmenu li:hover
{
z-index: 10000;
white-space: normal;
}

ul.art-hmenu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}

ul.art-hmenu, ul.art-hmenu ul
{
min-height: 0;
}

ul.art-hmenu
{
display: inline-block;
vertical-align: bottom;
padding-left: 0;
padding-right: 0;
width: 100%;
text-align: justify;
line-height: 0;
font-size: 1px;
}

.art-nav-inner:before
{
content: ' ';
}

.art-nav-inner
{
text-align: justify;
margin: 0 auto;
}

.desktop-nav.art-nav
{
padding-left: 0;
padding-right: 0;
}

ul.art-hmenu .justify-helper
{
width: 100%;
height: 0;
visibility: hidden;
display: inline-block;
}

ul.art-hmenu>li
{
display: inline-block;
position: relative;
text-align: center;
vertical-align: top;
margin-left: 0;
}

.art-menuitemcontainer
{
margin: 0 auto;
}

ul.art-hmenu>li:first-child
{
margin-left: 0;
}

ul.art-hmenu>li:last-child, ul.art-hmenu>li.last-child
{
margin-right: 0;
}

ul.art-hmenu>li>a
{
background: url('../images/menuitem.png') center left no-repeat scroll;
padding: 0 50px;
margin: 0 auto;
position: relative;
display: block;
height: 65px;
cursor: pointer;
text-decoration: none;
color: #BDBDBD;
line-height: 65px;
text-align: center;
}

.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a.active, .art-hmenu a:hover
{
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
text-align: right;
}

ul.art-hmenu>li>a.active
{
background: url('../images/menuactiveitem.png') center left no-repeat scroll;
padding: 0 50px;
margin: 0 auto;
color: #FDA662;
text-decoration: none;
}

ul.art-hmenu>li>a:visited, ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a
{
text-decoration: none;
}

ul.art-hmenu>li>a:hover, .desktop ul.art-hmenu>li:hover>a
{
background: url('../images/menuhovereditem.png') center left no-repeat scroll;
padding: 0 50px;
margin: 0 auto;
}

ul.art-hmenu>li>a:hover, .desktop-nav ul.art-hmenu>li:hover>a
{
color: #FEC295;
text-decoration: none;
}

ul.art-hmenu ul
{
display: none;
}

---

عدم رعایت فاصله به دلیل تعداد حروف استفاده شده در منو می باشد که باعث کشیدگی ائونها میشه
در مورد تغییر چیدمات فونت ها به وسط نیز باید Align = center کد بدید تا چیدمان اونها تغییر پیدا کنه

نشد هر کاری کردم .
یک سئوال که احتمالا مشکلم رو برطرف کنه ؟
کد css برای قرار دادن 3 تصویر برای منو بصورت تصویر لبه چپ( غیر قابل تکرار) + تصویر وسط ( قابل تکرار -که هر چه قدر متن طولانی بشه اون هم همان اندازه تکرار بشه ) + تصویر لبه راست ( غیر قابل تکرار)
در واقع بتونم این تصویر رو 3 قسمت کنم .
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

اینجوری برطرف کردن مشکل شما گیچ کننده میشه
یه جایی سایت رو ببرید بالا و نصب کنید لینک بدید تا دیباگ بشه و بشه تشخیص داد چون اگر از فریم ورک استفاده می کنید مسلما یک سری کدهای دیگه هم overwirte می شن

سلام

این قالب به نظر قالبه جالبیه

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