Меню по центру

[RuNexx]

Уважаемые, столкнулся с еще одной проблемой в которой перепробовал уже массу вариантов, к сожалению ни один не помог. Очень надеюсь на Вашу подсказку.

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

HTML:

<div style="padding-bottom:80px; margin-bottom: 210px;">

        <ol> 
			<li id="index"><a href="index.htm"></a></li> 
			<li id="connect"><a href="-mod=connect.htm"></a></li> 
			<li id="donate"><a href="-mod=donate.htm"></a></li>
			<li id="top"><a href="#"></a></li> 
			<li id="forum"><a href="index-1.htm" target="_blank"></a></li>
			<li id="lks"><a href="#" target="_blank"></a></li> 			
		</ol> 

</div>

CSS:

ol {
	clear: both;
	position: absolute;
	padding: 0 0 0 49px;
	margin: 0 auto;
	display: block;
	z-index: 100px;
}

ol li {
    float: left;
    padding: 0;
    list-style: none;
    background-image: url("separador-nav.png");
    background-position: 0 4px;
    background-repeat: no-repeat
}

ol #index {
    background-image: none!important
}

ol a {
    display: block;
    background-repeat: no-repeat;
    height: 73px;
    text-indent: -2000px;
    background-position: 0 0
}

ol li#index a {
    width: 94px;
    margin-right: 18px
}

ol li#connect a {
    width: 136px;
    margin: 0 18px
}

ol li#donate a {
    width: 122px;
    margin: 0 18px
}

ol li#top a {
    width: 137px;
    margin: 0 18px
}

ol li#forum a {
    width: 90px;
    margin-left: 18px
}

#index a {
    background-image: url("index.png")
}

#connect a {
    background-image: url("connect.png")
}

#donate a {
    background-image: url("donate.png")
}

#top a {
    background-image: url("top.png")
}

#forum a {
    background-image: url("forum.png")
}

#lks a {
    background-image: url("lks.png")
}

padding: 0 0 0 49px; значение 49, менял, но это я как понимаю ставлю принудительно.

Гугл не помог, а может руки кривые, куда копать, подскажите пожалуйста.

[Radiocity]

Примерно так: http://jsfiddle.net/Radiocity/mxugj/

[RuNexx]

Radiocity, простите, я понимаю что примерно так, но мне проще поправить на примере моего меню, которое уже существует. А Вашу ссылочку я видел, но потерял ее в закладках, спасибо за нее. Я не настолько опытен в css иначе бы не обратился за советом дельным к более опытным и знающим.

Руководствуясь своими небольшими познаниями в css, уже пробовал подобную конструкцию, но методом тыка (результат был один, меню гуляло по всей странице неконтролируемо), а хотелось бы на примере моего меню осознанно разобраться и добиться результата.

[Radiocity]

Вам просто лень подумать и разобраться.

[RuNexx]

Radiocity, извините но я не холивар разводить пришел, а за советом, а ссылки я накопать самостоятельно в состоянии. А Ваши "дедуктивные" способности, о том что лень или нет оставьте при себе пожалуйста, я не за этим на форуме.

[Modestes]

RuNexxУважаемый, вы бы спасибо сказали Radiocity за то что исправил ваше "меню"

Во первых меню не создается нумерованным списком <ol>

Во вторых где сам текст меню?

Читайте основы HTML и CSS

[RuNexx]

Modestes, во-первых, это взято с другого сайта как шаблон (на чем-то надо экспериментировать), возможно неудачно, но взято и используется.

Во-вторых, я не профи и даже не продвинутый, человек в сss и html и пользуюсь всеми источниками что под руку попадется, где внятно и невнятно изложено.

В-третьих, привел код, который как я считаю и является меню. Скажу проще, меню построено на <ol> но что в этом такого? Через нумерованный список, да. Я как новичок, не вижу в этом никакой проблемы. И если идти другим путем, избавится от <ol>, то у меня на данный момент знаний не хватит, что бы выглядело все, как сейчас, только посередине над чем уже 18 часов кряду бьюсь. За ссылки спасибо, но это на досуге, а пока, надо одолеть меню.

[Modestes]

Никогда не понимал людей которые не зная основ лезут за готовым решением и потом сутками мучаются с ошибками.

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

Здесь кладезь информации для вас.

[RuNexx]

Поменял на

ol {
	clear: both;
	position:relative;
	/*padding: 0 0 0 49px;*/
	width:900px;
	left: 50%;  
        top: 50%; 
        margin-left: -450px;
	/*margin: 0 auto;*/
	display: block;
	/*z-index: 100px;*/
	}

Получилось меню посередине, но будет ли это отображаться так у всех или только у меня?

Edited May 24, 2012 by RuNexx

[Sensei]

Вам же Radiocity показал как сделать, что так сложно взять и применить те же правила к своему коду?