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;*/ } Получилось меню посередине, но будет ли это отображаться так у всех или только у меня?

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

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

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

Уважаемые, столкнулся с еще одной проблемой в которой перепробовал уже массу вариантов, к сожалению ни один не помог. Очень надеюсь на Вашу подсказку. Хочу сделать меню, что бы оно автоматически располагалось посередине экрана, независимо от разрешения. Приведу код ниже, что бы было понятнее о чем речь. 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, менял, но это я как понимаю ставлю принудительно. Гугл не помог, а может руки кривые, куда копать, подскажите пожалуйста.

Спасибо Вам, у меня тоже самое получилось.

Вот что получилось, результат желаемый достигнут, все стало гораздо более читаемым. Всем большое спасибо кто подсказал, в том числе большое спасибо sigma77 за ссылку, но ей не стал пользоваться пока что, решил все руками делать. #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") } Но все же подтвердите пожалуйста или опровергните, будет ли влиять селектор на скорость загрузки страницы?

hedgehog, простите, может Вас не так понял, попытаюсь сделать, потом с Вашего позволения покажу результат, что бы удостоверится мнением гораздо опытных людей. Большое спасибо. В скором времени постараюсь отписаться. Взял для примера другой css. sigma77, Вам тоже большое спасибо, ссылка полезна будет несомненно. По поводу Вашего вопрос про селекторы, я так понимаю она сбрасывает значения padding, margin и border на 0 , я сомневаюсь, но думаю как то так. А вопрос был в том, как заменить селектор, на что-нибудь другое что бы не поплыла страница. Уже боюсь не найду ссылку на источник, но гугл подсказал, что лучше не использовать селекторы в рабочем коде, т.к. будет долго грузить страницу. Уж не знаю правда ли это.

Здравствуйте, хотелось бы узнать, может ли css выглядеть одной строкой? Опишу чуть подробнее, если открывать в блокноте с подсветкой синтаксиса, в данном случае, мне очень сложно разобраться, т.к. все в одну строку. (вперемешку). Пример ниже. Небольшой кусок кода. *{padding:0;margin:0;border:0}a{cursor:url("hand.cur")/*tpa=http://pworld.su/images/hand.cur*/, pointer;color:#f6d563;text-decoration:none}a:hover{color:#fff}input,textarea,select{font:8pt Arial;color:#aaa;border:1px solid #ccc;background:#fff}body{font:normal 13px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#F4E3B6;background:#000 url("body-bg.jpg")/*tpa=http://pworld.su/images/body-bg.jpg*/ center top no-repeat;cursor:url("normal.cur")/*tpa=http://pworld.su/images/normal.cur*/, pointer}h2{font-size:20px;color:#FEFEFE;margin-top:16px}.middle-wrapper{min-width:960px;padding-bottom:30px;overflow:hidden}.middle-bottom{width:960px;background:url("content-bottom-bg.png")/*tpa=http://pworld.su/images/content-bottom-bg.png*/ center bottom no-repeat;padding-bottom:23px;margin:0 auto}.middle-top{background:url("content-top-bg.png")/*tpa=http://pworld.su/images/content-top-bg.png*/ center top no-repeat;overflow:hidden}.content-inner{margin-right:80px;padding-left:80px}.statistic{width:160px;height:50px;background:url("statistic.png")/*tpa=http://pworld.su/images Взялся делать шаблон, стал использовать css, стороннего сайта, как основу, но поскольку еще новичок в css, для меня это дается сложно и немного с опасной дается каждый шаг, что бы не съехал весь дизайн. Как Вы сами понимаете редактировать такой код, для меня не представляется возможным. Вопрос следующего характера, как можно все это упорядочить и привести к виду, в котором это выглядело "читаемо"? С Вашего позволения, еще вопрос. В начале стоит селектор (*). Можно ли его убрать так, что бы это не отразилось на шаблоне и с помощью чего это возможно сделать? Посоветуйте пожалуйста, буду благодарен Вашим ответам.