Нужно поправить меню - всего 3 пункта пожеланий

1. Пункт не понял вообще. Хотите по центру горизонтального меню или как?

2. более-менее понятно

3. Не совсем понятно..

Вы хотите выпадающее меню? Если да, то с JS или без?

1. сейчас верхняя строка меню ( * Главная * Корпоративные мероприятия * Свадьбы * Юбилеи * Детские праздники * Контакты) чуть сдвинута влево - надо по центру

меню нужно не выпадающее, присутствует всегда, но по клику меняется на соответствующее (как и есть)

без JS, только HTML+CSS

Могу помочь - отписал вам в ICQ

.top_menu ul {

border: 0 solid #59236E;

font-size: 12pt;

height: 40px;

margin: 0 auto;

overflow: hidden;

padding: 0 0 0 20px;

text-decoration: none;

text-transform: none;

width: 850px;

}

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

Chukcha добавил 03.12.2010 в 11:27

<ul>

<li class="current">пункт верхнего меню 1

<ul>

<li>пункт нижнего меню 1-1</li>

<li>пункт нижнего меню 1-2</li>

</ul>

</li>

<li>пункт верхнего меню 2

<ul>

<li>пункт нижнего меню 2-1</li>

<li>пункт нижнего меню 2-2</li>

</ul>

</li>

</ul>

.current {

color:gold;

}

но нужно в скрипте анализировать какой текущий пункт

<td class="top_menu" align="center">

<ul>

  <li><a href="/index.htm" title="Организация праздников">Главная</a></li>

не помогает ?

ну или

.top_menu ul 

{

margin: 0  auto;

}

ul - блочный элемент, то что вы ему делаете align="center" ничего не даст

в том числе и {margin: 0 auto;}

но! если Вы ему укажете width, то тогда и элемент разместится по центру.

Хм. а почему тогда у меня

<table width="100%" border="1" align="center" cellpadding="0" cellspacing="0">

  <tr>

    <td align="center">

		<ul>

            <li>

            	Бодяга

            </li>

            <li>

            	Разодяга

            </li>        

        </ul>

    </td>

  </tr>

</table>

Выдает по центру

Потому что вы выравниваете текст (li), но не сам блок.

Ну да, вы правы. у li там явно float:left стоит

Выравнивание меню в списке по центру родителя.

HTML

<div class="header">

	<div class="menu_ctl">

		<ul class="menu">

			<li><a href="#">Пункт меню</a></li>

			<li><a href="#">Пункт меню</a></li>

			<li><a href="#">Пункт меню</a></li>

			<li><a href="#">Пункт меню</a></li>

		</ul>

	</div>

</div>

CSS

.header{

	position:relative;

	width:1000px;

}

.menu_ctl{

	position: relative;

	right: 50%;

	float: right;

}

ul.menu{

	position: relative;

	right: -50%;

}