Выровнить меню по центру

RussiaStorm · May 13, 2012

html

<!doctype html>
<html>
<head>
<meta charset="windows-1251">
<title>Тест</title>
<link href="test.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="menu">
    <ul>
    <li><a href="">Главная</a></li>
    <li><a href="">Обучение</a></li>
    <li><a href="">Новости</a></li>
    <li><a href="">Видео</a></li>
    <li><a href="">Фотоальбом</a></li>
    <li><a href="">Форум</a></li>
    </ul>
</div>
</body>
</html>

и css

@charset "windows-1251";
/* CSS Document */

body {
	background-color:#CCC;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.menu {
	margin:0 auto;
	width:960px;
	height:65px;
	background-color:black;
}

.menu ul li {
	float:left;
	display:inline;
	list-style:none;
}

.menu ul li a {
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:16px;
	padding:3px;
}

Как выровнить меню ?

Radiocity · May 13, 2012

http://jsfiddle.net/5APHw/

RussiaStorm · May 13, 2012

http://jsfiddle.net/5APHw/

Спасибо огромное. Правда немного не то, что нужно. Пример как должно получиться -

Чтобы этот div был по центру экрана имел ширину 920 и высоту 60, скругленные края CSS3 как пример

.menu {
	width:920px;
	height:60px;
	margin:0 auto;
	border:2px solid #333;
	background-color:#f0f0f0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

а вот дальше не пойму как пункты меню распределить по центру div`а ox,oy с отступами...

Sensei · May 13, 2012

Так?

RussiaStorm · May 13, 2012

Так?

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

Sensei · May 13, 2012

Вы что там линейкой мерите? На глаз все ровно. Поиграйте со значениями padding

RussiaStorm · May 13, 2012

Вы что там линейкой мерите? На глаз все ровно. Поиграйте со значениями padding

Не, как раз на глаз и вижу

с padding`ом игрался, выравнивал практически не заметно, но все таки хочется чтобы все ровно просто вот такая задача, хочется решить для себя

Nulltime · May 13, 2012

Можно каждую кнопку вложить в ячейку таблицы...

Пиши в icq сделаю за +1 в репутацию

RussiaStorm · May 13, 2012

Через таблицу я сделал, мне нужно ul li

SelenIT · May 13, 2012

Float есть float, центрирование есть центрирование, и вместе им не сойтись. Такое можно решить инлайн-блоками (вот для затравки).

RussiaStorm · May 13, 2012

Float есть float, центрирование есть центрирование, и вместе им не сойтись. Такое можно решить инлайн-блоками (вот для затравки).

То, что нужно, огромное спасибо !!!

Sign In

Выровнить меню по центру

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information