Растягивание равномерно <a> по всей ширине

[Hijacker]

Здравствуйте уважаемые форумчане!

Сейчас пробую освоить одну CMS, и для изменения стиля навигационного меню, можно редактировать только CSS.

Вывод html (фиксирован):

<td id="menu"><table width="100%" cellspacing="1" cellpadding="0" border="0">
<tr><td nowrap="nowrap">
<a id="active_menu" class="mainlevel" href="1">ссылка</a>
<a class="mainlevel" href="2">ссылка2</a>
<a class="mainlevel" href="3">ссылка3</a>
</td></tr>
</table>
</td>

нужно, что бы три ссылки растянулись по всему <td id="menu"> равномерно.

текущий css (на что меня хватило):

#menu table{
	height: 30px;
	width: 1000px;
}
#menu tr td {
	display: block;
	width: 100%;
	margin: 0px;
}
#menu .mainlevel{
	display: block;
	float: right;
	height: 16px;		
	padding: 7px;
	background: url(../images/navigation.png) 0 -30px;
	border: #333 1px solid;
	font-size: 16px;
	...
}

Пожалуйста помогите!

[Yahoo!]

ну задать всем трём ссылкам ссылкам 33.3%, но бордер и паддинг мешает... если только не обернуть бы их в спаны и им задать эту ширину.

зачем height: 16px ? Если нужна высота, то плиз сделай её в em'ах!

[Hijacker]

Вариант, но может быть случай, когда через ЦМСку добавится еще один пункт меню, тогда 33.3% не будет "удовлетворять". Если что, падинг можно сделать через padding-top и padding-bottom.

Edited February 20, 2010 by Hijacker

[Yahoo!]

Ну тебе ж три ссылки надо =) равномерно можно табличкой сделать, придётся в html залезть

на блоках я не знаю, придётся всё же под количество ссылок подстраивать ширину: 100% / количество ссылок = их ширина

Edited February 20, 2010 by Yahoo!

[Hijacker]

Я не могу html код изменить.... только CSS

[Yahoo!]

Если паддинг ещё нужен, то display: table-cell для ссылок (флоат убери) других вариантов не знаю. Для ослов 7 и 6 не сработает!

[klierik]

если 3 - то 33.3%

если добавится, то по 25%

если в верстке идут жесткие правила, то в цсс так же.

гибкость тут можно натсроить только при помощи JQ (не рекомендую)

[Hijacker]

плохо.... хотелось бы кроссбраузерности((((

[call007]

Вообще то в Joomla! можно менять html код...

[Hijacker]

не подскажешь, где это можна сделать?

[Hijacker]

Неужели никто не знает, как справится? Пожалуйста, помогите!

[Great Rash]

«как в Joomla менять html» в Google.

[Hijacker]

Вопрос чуть изменился:

<td id="menu">

<ul class="menu">

<li class="item1"><a href="#"><span>1</span></a></li>

<li class="item3"><a href="#"><span>2</span></a></li>

<li class="item4"><a href="#"><span>3</span></a></li>

<li class="active item5" id="current"><a href="#"><span>4</span></a></li>

</ul>

</td>

как сделать при помощи CSS горизонтатьное, ростянутое на всю ширину меню?