Как сделать одинаковыми пункты меню?

[sss2019]

Как можно сделать одинаковыми пункты меню одинаковой длины

Скрин меню на первом вложении, а примерно то что мне нужно сделать на втором.
Рылся в css так и не нашел то что нужно.

Вот исходный код меню

Код Выделить Развернуть

<div id="topmenu">
<ul>';
// Show the [home] button.
echo '<li><a' , $current_action=='home' ? ' class="current"' : '' , ' href="', $scripturl, '"><span>' , $txt[103] , '</span></a></li>';

// Show the [help] button.
echo '<li><a' , $current_action=='help' ? ' class="current"' : '' , ' href="', $scripturl, '?action=help"><span>' , $txt[119] , '</span></a></li>';

// How about the [search] button?
if ($context['allow_search'])
echo '<li><a' , $current_action=='search' ? ' class="current"' : '' , ' href="', $scripturl, '?action=search"><span>' , $txt[182] , '</span></a></li>';

// The [calendar]!
if ($context['allow_calendar'])
echo '<li><a' , $current_action=='calendar' ? ' class="current"' : '' , ' href="', $scripturl, '?action=calendar"><span>' , $txt['calendar24'] , '</span></a></li>';

// Is the user allowed to administrate at all? ([admin])
if ($context['allow_admin'])
echo '<li><a' , $current_action=='admin' ? ' class="current"' : '' , ' href="', $scripturl, '?action=admin"><span>' , $txt[2] , '</span></a></li>';

// Edit Profile... [profile]
if ($context['allow_edit_profile'])
echo '<li><a' , $current_action=='profile' ? ' class="current"' : '' , ' href="', $scripturl, '?action=profile"><span>' , $txt[79] , '</span></a></li>';

// Go to PM center... [pm]
if ($context['user']['is_logged'] && $context['allow_pm'])
echo '<li><a' , $current_action=='pm' ? ' class="current"' : '' , ' href="', $scripturl, '?action=pm"><span>' , $txt['pm_short'] , ' ', $context['user']['unread_messages'] > 0 ? '[<strong>'. $context['user']['unread_messages'] . '</strong>]' : '' , '</span></a></li>';

// the [member] list button
if ($context['allow_memberlist'])
echo '<li><a ' , $current_action=='mlist' ? ' class="current"' : '' , ' href="', $scripturl, '?action=mlist"><span>' , $txt[331] , '</span></a></li>';

// If the user is a guest, show [login] button.
if ($context['user']['is_guest'])
echo '<li><a ' , $current_action=='login' ? ' class="current"' : '' , ' href="', $scripturl, '?action=login"><span>' , $txt[34] , '</span></a></li>';

// If the user is a guest, also show [register] button.
if ($context['user']['is_guest'])
echo '<li><a ' , $current_action=='register' ? ' class="current"' : '' , ' href="', $scripturl, '?action=register"><span>' , $txt[97] , '</span></a></li>';

// Otherwise, they might want to [logout]...
if ($context['user']['is_logged'])
echo '<li><a ' , $current_action=='logout' ? ' class="current"' : '' , 'href="', $scripturl, '?action=logout;sesc=', $context['session_id'], '"><span>' , $txt[108] , '</span></a></li>';

echo '
</ul>
</div>';

А вот css

Код Выделить Развернуть

#topmenu {
    margin: 0;
    padding: 0;
    font-family: tahoma, sans-serif;
    font-size: 11px;
}

#topmenu ul {
    padding: 0 0 0 5px;
    margin: 0;
    list-style-type: none;
    width: auto;
    float: left;
}

#topmenu ul li {
    margin: 0;
    padding: 0;
    display: inline;
}

#topmenu ul li a {
    float: left;
    display: block;
    margin: 0 0 0 2px;
    padding: 0 0 0 10px;
    text-decoration: none;
    line-height: 30px;
    color: #fcfcfc;
    background: #a9030d url(images/custom/topmenu-l.gif) 0 0 no-repeat;
}

#topmenu ul li a span {
    float: left;
    display: block;
    padding: 0 15px 0 7px;
    cursor: pointer;
    background: #a9030d url(images/custom/topmenu-r.gif) 100% 0 no-repeat;
}

#topmenu ul li a.current {
    color: #000;
    font-weight: bold;
    background: #fff url(images/custom/topmenu-active-l.gif) 0 0 no-repeat;
}

#topmenu ul li a.current span {
    display: block;
    width: auto;
    background: #fff url(images/custom/topmenu-active-r.gif) 100% 0 no-repeat;
}

#topmenu ul li a:hover {}

#topmenu ul li a:hover span {
    text-decoration: underline;
    display: block;
    width: auto;
}


[Dr_Zhalnin]

Насколько мне помниться что размеры пунктов меню заисят от длины названия кнопок меню, попробовать вначале поварьировать  с названиями меню.... $txt[103]-означает" Начало" и тд....

[Bugo]

Попробуйте вместо «width: auto» указать определенное значение.

[sss2019]

Насколько мне помниться что размеры пунктов меню заисят от длины названия кнопок меню, попробовать вначале поварьировать  с названиями меню.... $txt[103]-означает" Начало" и тд....

ну так на vbulletin пункты меню одинаковой длины.

Попробуйте вместо «width: auto» указать определенное значение.

Я непонял где это нужно вставить, пробовал вставлять во все пункты css которые написал выше

[Mavn]

помоему не сложно посмотреть свой же css #topmenu ul

[sss2019]

А как сделать так чтобы все пункты были одинаковой длины? просто выставить width 100% не получается, потому что меню становится в столбик.

А установить конкретное значение еще хуже, потому что у администратора одно колчество кнопок а у пользователя другое, хоть я и выравняю кнопки у пользователей они все равно не будут одинаковыми.

[Mavn]

почитайте документацию htmlbook.ru в каких величинах может еще выставляться параметр widht