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

[اینجا کسی نیست]

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



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

[navid.ok]

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

شاد باشید

[اینجا کسی نیست]

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

[اینجا کسی نیست]

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

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;
}

[RezaDesign]

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

[اینجا کسی نیست]

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

[RezaDesign]

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

[محمد مشکات]

سلام

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

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