Перейти к содержимому

Реферальная программа Мегаплана

Партнерская программа Kredov

Облом с менюшкой

#51 gaaarfild

gaaarfild
  • Пользователь
  • 596 сообщений
  • Репутация: 0
0

Отправлено 19 Май 2009 - 14:26

Вот сделал менюшку примерно так.
style.css
#menu, #menu ul {

height: 41px;
list-style: none;
margin: 0;
padding: 0;
float: left;
width: 100%;
}
#menu li {
float: left;
position: relative;
}
#menu a {
font-size: 14px;
font-weight: bold;
color: #0b3e6d;
text-decoration: none;
display: block;
width: 114px;
height: 34px;
}
#menu a:hover {
color: #1f68aa;
background: #FFFFFF url('../images/nav-bg-hover.gif') repeat-x top left;
}

#menu li:hover,
#menu li.jshover {
background: url('../images/nav-bg-hover.gif') repeat-x top left;
}

#menu li ul {
background: #e2f3ff;
display: none;
position: absolute;
top: 34px;
padding: 4px 0;
width: 200px;
}

#menu li li a {
background: #e2f3ff;
text-align: left;
width: 200px;
}

#menu li:hover ul,
#menu li.jshover ul {
height: 38px;
display: block;
}

index.html
<ul valign="middle" id="menu">
	<li valign="middle"><a href="">Главная</a></li>
	<li><a href="">Вклады</a>
		<ul>
			<li><a href="">Банковские депозиты</a></li>
			<li><a href="">Вклады кредитных кооперативов</a></li>
			<li><a href="">Обезличенные металлические счета</a></li>
		</ul>
	</li>
	
	<li><a href="">Инвестиции</a>
		<ul>
			<li><a href="">Доверительное управление</a></li>
			<li><a href="">Паевые инвестиционные фонды</a></li>	
		</ul>
	</li>
	
	<li><a href="">Торговля</a>
		<ul>
			<li><a href="">Forex</a></li>
			<li><a href="">Брокерское обслуживание</a></li>	
		</ul>
	</li>
	
	<li><a href="">Накопление</a>
		<ul>
			<li><a href="">Личное страхование</a></li>
			<li><a href="">Н П Ф</a></li>	
		</ul>
	</li>
	
	<li><a href="">Покупка бизнеса</a>
		<ul>
			<li><a href="">Бизнес-недвижимость</a></li>
			<li><a href="">Готовый бизнес</a></li>
			<li><a href="">Проект бизнеса</a></li>
		</ul>
	</li>
</ul>

Но? как всегда, возникла проблема. Хотелось бы, чтобы ссылки располагались не вверху поля а посередине. Тоесть чтобы привязка ссылок была не top а middle. Попробовал в CSS Все возможные варианты позиционирования объектов. Посувал везде. Во все id. Не позиционирует никак. Что мне сделать?
  • 0

#52 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 21 Май 2009 - 18:45

gaaarfild, А почему забываем про padding, Просто нужно учесть так:
Высота блока = Какую нужно - высота шрифта - отступы.
  • 0

#53 gaaarfild

gaaarfild
  • Пользователь
  • 596 сообщений
  • Репутация: 0

Отправлено 24 Май 2009 - 10:12

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


Оформление форума – IPBSkins.ru