Меню на списках

Frolov · August 8, 2010

Всем добрый вечер.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>—--</title>
	<style type="text/css">
	*{
		margin: 0;
		padding: 0;
	}

	ul.menu {
		background: rgb(220,255,230);
		height: 70px;
		position: relative;
		list-style: none;
		text-align: right;
	}

		ul.menu > li {
			border-right: 1px solid rgb(250,130,30);
			display: inline-block;
			width: 8%;
			height: 100%;
			text-align: center;

		}
	</style>
</head>
<body>

	<ul class="menu">
		<li>
			<a href="#">Инфо</a>
			<!--<ul class="submenu">
				<li><a href="#">Новости</a></li>
				<li><a href="#">Пресс-релизы</a></li>
				<li><a href="#">Фирмы и товары</a></li>
				<li><a href="#">Бренды</a></li>
			</ul> -->
		</li>
		<li>
			<a href="#">Акции и события</a>
		<!--	<ul class="submenu">
				<li><a href="#">Выставки</a></li>
				<li><a href="#">Скидки</a></li>
			</ul> -->
		</li>
		<li><a href="#">Статьи</a></li>
		<li><a href="#">Дизайн-проекты</a></li>
		<li><a href="#">Тендеры</a></li>
		<li class="end"><a href="#">Форум</a></li>
	</ul><!-- /ul.menu -->

</body>
</html>

Сижу уже час и так и не могу понять.....почему блоки (где короткие записи) сдвигаются вниз относительно списка. Никогда раньше такого косяка не возникало.....

Edited August 8, 2010 by Frolov

psywalker · August 8, 2010

Покажи скриншот того, что происходит.

swetlana · August 8, 2010

так потому что vertical-align по умолчанию baseline.

укажи top — и будет счастье.

npofopr · August 8, 2010

короткие блоки это то что закамментировано?

swetlana · August 8, 2010

		ul.menu > li {
			vertical-align: top;
			border-right: 1px solid rgb(250,130,30);
			display: inline-block;
			width: 8%;
			height: 100%;
			text-align: center;

		}

Frolov · August 8, 2010

swtlana, то что надо)))) и как у меня раньше без него все нормально было

psywolker, все проблема решена)

Спасибо за ответы)

П.С. Это для волкера скрин?) Или мне, как "неграмотному" для наглядности?

Edited August 8, 2010 by Frolov

swetlana · August 8, 2010

скрин?

да так… для наглядности. Ну и psywolker же просил скрин.

Вообще с первого взгляда же понятно — выравнивалось по базовой линии, на которой текст сидит.

Sign In

Меню на списках

Question

Frolov

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

swetlana

Link to comment

Share on other sites

npofopr

Link to comment

Share on other sites

swetlana

Link to comment

Share on other sites

Frolov

Link to comment

Share on other sites

swetlana

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information