Категории

А что прописать в коде чтобы меню было по срединке (есть скрин)

Вот на скрине меню в шапке слева, а хотелось бы чтобы оно было по центру. Как так можно сделать скажите плиииз))))

align=center попробуй. Хотя может и не прокатить. Можно маргином подвинуть до нужного места: margin-right:..px

Не прошло не то ни другое. ЦЕНТР помогает, но меня становится в центре и все кнопки друг на друге.

надо смотреть кож этой таблицы, малоли что там прописано + стили

Вот кодик его , начиная от Боди:

body{background:#73194D url(img/fon.jpg) no-repeat; position:center center; attachment:fixed; -o-background-size: 100% 100%, auto; -moz-background-size: 100% 100%, auto; -webkit-background-size: 100% 100%, auto; background-size: 100% 100%, auto;}
.page{padding:0 100px 0 100px;}

.topbg{background:url(img/top.gif) no-repeat top left;height:259px;}
.logo{width:510px;padding:0 0 0 0px;}
.topreklama{padding:4px 0 0 0;}
.topbannerbg{background:url(img/topbanner.png) no-repeat;width:487px;height:80px;float:right;margin:2px 27px 0 0;_margin:2px 15px 0 0;}
.topbanner{padding:10px 0 0 10px;float:left;}

a.topreklbg{display:block;width:97px;height:19px;background:url(img/reklama.png) no-repeat;background-position:0 0;}
a.topreklbg:hover{background-position:0 -19px;}

td.forum_left{background:url(img/forum_left.gif) no-repeat;width:19px;height:219px;}
td.forum_center{background:url(img/forum_center.gif) repeat-x;height:219px;}
td.forum_right{
background:url(img/forum_right.gif) no-repeat;
width:19px;
height:19px;
}

td.menu_left{background:url(img/menu_left.gif) no-repeat;width:9px;height:57px;}
td.menu_center{background:url(img/menu_center.gif) repeat-x;height:57px; margin-right: 20px;}
td.menu_right{background:url(img/menu_right.gif) no-repeat;width:283px;height:57px;}

ul.topmenu{padding:0 0 0 10px;margin:0;list-style:none;}
ul.topmenu li{float:left;font-weight:bold;}
ul.topmenu li a{background:url(img/menuli.gif) no-repeat;height:30px;float:left;padding:11px 15px 0 15px;color:#fff;}
ul.topmenu li a:hover{background:url(img/menuli_a.gif) no-repeat;text-decoration:none;color:#fff;}
ul.topmenu li a.last_item{background:url(img/menuli.gif) no-repeat;height:30px;float:left;padding:11px 1px 0 1px;}

.searchbg{padding:10px 0 0 0;float:left;*padding:16px 0 0 0;}
input.search_input{background:url(img/sinput.png) no-repeat;width:188px;height:23px;float:left;border:0;padding:0 0 0 10px;font-size:12px;color:#bebebe;*padding:3px 0 0 10px;}
input.search_but{background:url(img/search.gif) no-repeat;display:block;width:69px;height:23px;line-height:23px;margin:0 0 10px 10px;background-position:0 0;}
input.search_but:hover{background-position:0 -23px;}

.sendn{background:url(img/send.gif) no-repeat;display:block;width:99px;height:31px;background-position:0 0; float:left; margin: 0px 5px 0px 5px;}
.sendn:hover{background-position:0 -31px;}

.previewn{background:url(img/preview.gif) no-repeat;display:block;width:99px;height:31px;background-position:0 0; float:left; margin: 0px 5px 0px 5px;}
.previewn:hover{background-position:0 -31px;}

Вот эта строка:

td.menu_center{background:url(img/menu_center.gif) repeat-x;height:57px; margin-right: 20px;}

это и есть меню по мойму))))

background-position:center

Тоже не то((
Только в коде:

ul.topmenu{background-position: center; align: center; padding: 0 0 0 0px; margin: 0;list-style:none;}

Там где: padding: 0 0 0 0px; то меняя первый ноль на любую цифру, меню сдвигается на 1см. правее и всё. Хоть ставь 1px. хоть 100рх всё равно сдвигается немножко(((((

там просто так не выйдет наверное изменить.
само меню это
ul.topmenu {padding:0 0 0 10px;margin:0;list-style:none;}

попробуйте заменить на
ul.topmenu {padding:0 0 0 10px;margin:0 auto;list-style:none;}
хотя мало-вероятно что сработает. там по всему файлу style.css могут быть параметры разбросаны для этого меню.

попробуйте заменить на
ul.topmenu {padding:0 0 0 10px;margin:0 auto;list-style:none;}
хотя мало-вероятно что сработает. там по всему файлу style.css могут быть параметры разбросаны для этого меню.

Так как вы написало, то оно так изначально и было, Я то я уже подописывал впереди: background-position: center; align: center; и паддинг в конце поставил ноль вместо десяти. Оно там всё равно ничё не меняет...
Короче сделано х.з. как. Поразбрасывано во все стороны............ Как говорится "На совесть пользователям"....

какой шаблон или ссылка на сайт?

Шаблон: Pink

Так надо?

Ага, да, именно так. Только ещё чтобы кнопочки были отдельно друг от друга. Без фона менюшки. Чтобы каждая как будто бы была сама по себе...)))

ul.topmenu{padding:0 0 0 10px;margin:0;list-style:none;text-align: center;}

с кнопочками уже сам...

Не помогло...(((((

Вы сами писали?
Похоже Вы пропустили часть этого меню.

Да нет, вот этот файл стила, пересмотрите, всё норм:

Вы сами писали?
Похоже Вы пропустили часть этого меню.

Да нет, всё норм. Вот файл этого меню:

http://ustars.org.ua/style.css

Только padding.
ul.topmenu{padding:0 0 0 220px;margin:0;list-style:none;}

ааааааа!! Работает и правда!!!)))) юххуууу!!!))) Спасибо))) Буду дальше ломать голову с кнопочками))))

Не прошла и неделя как приходится вернутся к этому меню...(
Не помогло здесь padding:0 0 0 220px точнее помогло мне на монитор в 15.6 дюйма, оно действительно подвинулось в центр, а вот на мониторе в 22 дюйма и больше, меню остаётся слева.
Если у кого есть ещё идеи. Пожалуйста делитесь... Загвоздка осталась только в этом меню(((
Прилагаю два скрина с меню на мониторе в 15.6 дюйма и на мониторе в 24 дюйма.

ul.topmenu{display:table;width:auto;padding:0;margin:0 auto;list-style:none;}
ul.topmenu li{float:left;font-weight:bold;overflow:hidden;text-align:center;}

Мой поклон перед Вами! :) Помогло:) Спасибо, мега огромное!))

Источник