равнение по середине

[акрил]

Здравствуйте!

Есть элемент <div><a></a><a></a>...</div> c переменной кучей ссылок. То-есть иногда этих ссылок может быть две, иногда 6.

Как мне сделать примерно следующее <table width="100%"><tr><td><a></a></td><td><a></a></td>....</tr></table>

Нужно чтобы ссылки автоматически распределялись в контейнере.

Спасибо!

[Vlad]

Не очень пока понятно что хочется. Картинка есть?

[акрил]

фото http://savepic.ru/1626211.jpg

там 2 ссылки. И их нужно разместить так как на фото. если в контейнере div мы пишем ссылки подряд, то они идут сплошным текстом, без пробелов.

Если мы используем примерно следующее:

#t a{
margin-right:20px;
}

<div id="t">
<a>Ссылка4</a>
<a>Ссылка2</a>
<a>Ссылка3</a>
</div>

и если ширина браузера меньше ширины текста ссылок+20px то происходит перенос ссылки на следующею строку. а надо чтобы просто скрывалась за горизонтом и без прокрутки.

Надеюсь понятней выразился)

[npofopr]

с так понимаю вы хотите так

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

и здесь на форуме был пример на списках.

дак поставьте overflow:hidden; для div'a.

вам надо обычное css меню %)

[акрил]

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

.navi {
		margin: 0px 0px 0px 12px;
		overflow:hidden;
		position:relative;
		text-align:center;
		width:auto;
		height:58px;
	}

	.navicontainer {
		left: 50%;
		position: relative;
		text-align: center;		
	}

	.wrpr {
		position: relative;
		left: -50%;
		float: left;
		list-style: none;
		margin: 0; padding: 0;
		border: 1px dotted blue;
	}

	.navi a, .navi li  {
		float: left;
		padding: 10px; margin: 0px 165px 0px 0px;
		text-decoration: none;
	}

	.navi li {padding: 0; margin: 0;}


	.navi a:link, .navi a:visited{
	font: 28px Impact, Arial;
	color:#DA251D;
	}


	.navi a:hover {
		color: #4D4948;
	}




	<div id="container">
		<div id="logo"></div>


		<div class="navi">
		<div class="navicontainer">
			<div class="wrpr">
				{menu_top}
			</div>
		</div>
		</div>