горизонтальный список с одинаковыми ячейками

@bubanay · Регистрация: 06.04.2011

Author24 — интернет-сервис помощи студентам

в joomla меню делаются списками внизу код этого меню. Нужно сделать его горизонтальным и при этом элементы списка должны иметь одинаковую ширину и высоту (ширину 100px, высоту 50px) не зависимо от содержимого.

XML

<ul class="menu">
<li class="item2">
<a href="/index.php?option=com_content&amp;view=article&amp;id=3&amp;Itemid=2"><span>О компании</span></a></li>
<li class="item3"><a href="/index.php?option=com_content&amp;view=article&amp;id=4&amp;Itemid=3"><span>Тарифы</span></a></li>
<li class="item4"><a href="/index.php?option=com_content&amp;view=article&amp;id=5&amp;Itemid=4"><span>Услуги</span></a></li>
<li class="item5"><a href="/index.php?option=com_content&amp;view=article&amp;id=6&amp;Itemid=5"><span>Документы</span></a></li>
<li class="item6"><a href="/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=6"><span>Контакты</span></a></li>
</ul>

я изверг вот что:

CSS

ul.menu li { 
display: inline; 
list-style:none; 
}
 
ul.menu li a { 
text-decoration:none;
margin-right: 20px;
}

Добавлено через 2 часа 20 минут
ребят, вообще возможно в горизонтальном меню сделать ячейки одинаковыми?

@Novosad · 03.02.2012, 12:01

Статический width делаешь для каждой и всё. А для того, чтобы было горизонтальное - float: left; как вариант для каждого элемента списка.

@bubanay · 03.02.2012, 12:20 **[ТС]**

Так не прокатывает:

CSS

ul.menu li { 
display: inline; 
list-style:none; 
width: 100px;
}

при float: left идет выравнивание меню по левому краю, а мне нужно что бы оно осталось посередине.

В этом горизонталном меню фоном ячеек будит картинка, поэтому важно что бы они все были одинаковыми.

@conformist · 04.02.2012, 20:21

попробуйте для всего меню задать

CSS

1	margin:0 auto;

будет по центру

Не по теме:

Сообщение от bubanay

я изверг вот что:

вы изверг?! словечко подобрали, просто прелесть:D

@Novosad 12 / 12 / 2 Регистрация: 10.06.2011 Сообщений: 39
	03.02.2012, 12:01	2
	Статический width делаешь для каждой и всё. А для того, чтобы было горизонтальное - float: left; как вариант для каждого элемента списка. 0

	04.02.2012, 20:21