Как выровнять меню по центру? [перемещено]

0 Пользователей и 1 Гость просматривают эту тему.
  • 20 Ответов
  • 13347 Просмотров
*

Tigrubiyca

  • Осваиваюсь на форуме
  • ***
  • 56
  • 0
  • Łέχửئ ︻气デ═一一



Я знаю что нужно прописать что то в CSS но команды не знаю.

Подскажите пожалуйста.

Кстати за одно посоветуйте на какой ресурс лучше заливать картинки, а то на тот что я счас сделал. Там всего лишь на 30 дней. И она удаляется.

(также сори за ошибки)
Если помог. Ставь + !

Сори за ошибки в сообщениях :)

*

sharp

  • Живу я здесь
  • ******
  • 1195
  • 95
Re: Как выровнять меню по центру?
« Ответ #1 : 01.03.2012, 20:17:03 »
margin: 0 auto;
Хочешь знать правду!? читай таблицу умножения.
Поисковое продвижение или раскрутка сайта!

*

Tigrubiyca

  • Осваиваюсь на форуме
  • ***
  • 56
  • 0
  • Łέχửئ ︻气デ═一一
Re: Как выровнять меню по центру?
« Ответ #2 : 01.03.2012, 21:22:09 »
Не пошло. Я уже как то это уже делал на прошлом сайте, но не помню как. Я думаю я просто напсал "text-align: center;" И меню стало по центру. Но в том случае было обычное меню, а счас расширение. Модуль выподающего меню. и по этому не прокотило.

А "margin: 0 auto;" попробывал. Тоже не пошло. Нужна такая команда которая говорит всему что в нутри контейнера что бы оно начинало свой отсчет с центра.
Если помог. Ставь + !

Сори за ошибки в сообщениях :)

*

Fedor Vlasenko

  • Профи
  • ********
  • 3800
  • 698
  • Все начинается с Value
Re: Как выровнять меню по центру?
« Ответ #3 : 01.03.2012, 21:37:13 »
Что то мудрите! Берите FireBug и смотрите какие правила влияют на стили размещения. Без видимости сайта трудно определить.
margin: 0 auto; - правильно (но надо задать фиксированную ширину width: 300px; .У вас может стоять float:left, или position значение и т. д.

*

Tigrubiyca

  • Осваиваюсь на форуме
  • ***
  • 56
  • 0
  • Łέχửئ ︻气デ═一一
Re: Как выровнять меню по центру?
« Ответ #4 : 01.03.2012, 21:47:44 »
У вас может стоять float:left, или position значение и т. д.

Нет. Шаблон я сам мобрал, и в данном случае я не использовал такие команды. И я знаю что такое FireBug, только я пользуюсь им в хроме.

margin: 0 auto; - правильно (но надо задать фиксированную ширину width: 300px;

Она была фиксированой, счас я попробывал "min-" . Но команда "margin: 0 auto;" же говорит что бы контейнер которому прописана команда встал по центру того контейнера в котором он находится, а мне надо что бы то что внутри контейнера встало по центру прописанного контейнера. :) Что то так :)
Если помог. Ставь + !

Сори за ошибки в сообщениях :)

*

Tigrubiyca

  • Осваиваюсь на форуме
  • ***
  • 56
  • 0
  • Łέχửئ ︻气デ═一一
Re: Как выровнять меню по центру?
« Ответ #5 : 01.03.2012, 21:48:06 »
Я пробывал разные варианты прежде чем сюда написать.
Если помог. Ставь + !

Сори за ошибки в сообщениях :)

*

Fedor Vlasenko

  • Профи
  • ********
  • 3800
  • 698
  • Все начинается с Value
Re: Как выровнять меню по центру?
« Ответ #6 : 01.03.2012, 21:56:27 »
так оберните еще раз в дивы
Код
<div id="oborot"><div id="center"></div></div>
Код: css
#oborot{width:1000px;}
#center{width:500px; margin: 0 auto;}
Так должно работать

*

Tigrubiyca

  • Осваиваюсь на форуме
  • ***
  • 56
  • 0
  • Łέχửئ ︻气デ═一一
Re: Как выровнять меню по центру?
« Ответ #7 : 01.03.2012, 22:19:40 »
Вот мой код:     <div id="menu">
           <div id="menu_mod">
                <?php if($this->countModules('position-3')) : ?>
                <jdoc:include type="modules" name="position-3" style="rounded" />
                <?php endif; ?>
           </div>
      </div>
CSS:

#menu {
   margin: 0 auto;
   margin-top: 6px;
   padding: 0xp;
   width: 1024px;
   height: 32px;
   border: 0px solid #CC00FF;
   background:url(../images/fon_menu.gif) repeat-x;
}
#menu_mod {
   margin: 0 auto;
   padding: 0px;
           width: 1024px;
   height: 32px;
   border: 0px solid #CC00FF;
}

Если я ставлю

#menu_mod {
   margin: 0 auto;
   padding: 0px;
           min-width: 300px; (кстати когда вы написали 300px, я попутал :) как это вы увидели что у меня стоит такая ширина :) Если сайт на денвере еще)
   height: 32px;
   border: 0px solid #CC00FF;
}

Не получается.
Если помог. Ставь + !

Сори за ошибки в сообщениях :)

*

Tigrubiyca

  • Осваиваюсь на форуме
  • ***
  • 56
  • 0
  • Łέχửئ ︻气デ═一一
Re: Как выровнять меню по центру?
« Ответ #8 : 01.03.2012, 22:22:34 »
#oborot{width:1000px;}
#center{width:500px; margin: 0 auto;}

То что у меня счас стоит.

#center {
width:500px; margin: 0 auto;
}

Но так тоже не пойдет.

Так как меню будет стоять в нутри id="center" и там оно будет к левому краю прижиматься
Если помог. Ставь + !

Сори за ошибки в сообщениях :)

*

Efanych

  • Группа развития
  • *****
  • 4317
  • 605
Re: Как выровнять меню по центру?
« Ответ #9 : 01.03.2012, 22:30:00 »
Цитировать
Так как меню будет стоять в нутри id="center" и там оно будет к левому краю прижиматься
Потому что для пунктов меню назначен float:left. Так не получится.
Создание сайтов, шаблонов, помощь в решении проблем.

*

Tigrubiyca

  • Осваиваюсь на форуме
  • ***
  • 56
  • 0
  • Łέχửئ ︻气デ═一一
Re: Как выровнять меню по центру?
« Ответ #10 : 01.03.2012, 22:40:27 »
Ну по поводу "float:left" То я его нашол. и когда убрал меню перестало быть горизонтальным и потерялись все стили CSS.

"float:left" Оно было в CSS самого расширения.

Оно та стало по центру, но только теперь нужно его рисовать по другому.
« Последнее редактирование: 01.03.2012, 22:43:30 от Tigrubiyca »
Если помог. Ставь + !

Сори за ошибки в сообщениях :)

*

Tigrubiyca

  • Осваиваюсь на форуме
  • ***
  • 56
  • 0
  • Łέχửئ ︻气デ═一一
Re: Как выровнять меню по центру?
« Ответ #11 : 01.03.2012, 22:42:44 »
Ну а как я ставил меню по центру, я вспомнил :) Просто в CSS для контейнера в котором меню стоит. прописал "text-align:center;" И все стало по центру.

А "margin: 0 auto;" Не как не влияет на то что бы меню встало по центру.
« Последнее редактирование: 01.03.2012, 23:12:03 от Tigrubiyca »
Если помог. Ставь + !

Сори за ошибки в сообщениях :)

*

de1iora

  • Захожу иногда
  • **
  • 17
  • 0
Re: Как выровнять меню по центру?
« Ответ #12 : 31.01.2014, 08:35:32 »
Здравствуйте! Ребят, помогите пожалуйста, замучался уже с выравниванием меню..."text-align: center;" в CSS не помогает( Модуль меню Icemegamenu, шаблон IT TheRestaurant 2.
Кусок CSS который отвечает за меню:
Код
/* IceTheme modules */
/***********************************************************************************************/
/* IceMegaMenu */
/***********************************************************************************************/
@media only screen and (min-width: 979px) {
  .nav-collapse.collapse {
    overflow: visible!important;
  }
}
.icemegamenu > ul {
  margin-left: -10px;
  height: 60px!important;
  background: none;
  border-radius: 0;

}
.icemegamenu > ul > li {
  margin-right: 5px;
  /* active */

}
.icemegamenu > ul > li a {
  padding: 0 8px!important;
  height: 60px!important;
}
.icemegamenu > ul > li a span.icemega_title {
  font-family: "caviar_dreamsregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: none;
  color: #333333;
  padding-top: 5px;
  display: block;
  font-size: 28px;
}
.icemegamenu > ul > li a:hover span.icemega_title {
  color: #3aa6ae;
}
.icemegamenu > ul > li a span.icemega_desc {
  color: #999999;
  padding-top: 2px;
}
.icemegamenu > ul > li.active {
  background: none;
}
.icemegamenu > ul > li.active > a > span.icemega_title {
  color: #3aa6ae !important;
}
/* First level dropdown */
.icemegamenu ul.icesubMenu {
  background: #fff;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: none;
  padding: 0;
  margin: 0;
}
.icemegamenu ul.icesubMenu ul {
  margin: 0;
  padding: 0;
}
.icemegamenu ul.icesubMenu ul li {
  /* active */

}
.icemegamenu ul.icesubMenu ul li a {
  margin: 0 12px;
  padding: 0!important;
  height: auto!important;
  background: none;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15)!important;
}
.icemegamenu ul.icesubMenu ul li a span.icemega_title {
  font-size: 14px;
  padding: 0;
}
.icemegamenu ul.icesubMenu ul li:last-child > a {
  border-bottom: none!important;
}
.icemegamenu ul.icesubMenu ul li.active {
  background-position: 95% 45%;
}
.icemegamenu ul.icesubMenu ul li.active > a > span.icemega_title {
  color: #319aa2!important;
}
#icemegamenu > li:hover > ul.icesubMenu {
  top: 60px;
}
/* Second level dropdown */
.icemegamenu ul.icesubMenu ul.icesubMenu {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
ul.icesubMenu ul > li:hover > ul {
  left: 100%;
  margin-left: -30px;
}
/* Module inside dropdown */
.icesubMenu .icemega_cover_module {
  padding: 10px 15px;
  color: #999;
}
.icesubMenu .icemega_cover_module span.iceModuleTile {
  font-family: "caviar_dreamsregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #666666;
  text-shadow: none;
  display: block;
  margin: 0 0 12px;
}
.icesubMenu .icemega_cover_module a {
  color: #0088cc;
}
.icesubMenu .icemega_cover_module form#login-form .input-small {
  width: 90%;
}
.icesubMenu .icemega_cover_module form#login-form button {
  background: #60c3ca;
  color: #fff;
  border-radius: 0;
  box-shadow: none;
  border: none;
  text-shadow: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.icesubMenu .icemega_cover_module form#login-form button:hover {
  background-color: #73cad0;
  color: #fff;
}

*

Shustry

  • Moderator
  • *****
  • 6426
  • 733
  • Рисую дизайны
Re: Как выровнять меню по центру?
« Ответ #13 : 31.01.2014, 13:33:25 »
de1iora, по кускам кода невозможно помочь в 99% случаев. Ссылку на ваш сайт дайте.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

de1iora

  • Захожу иногда
  • **
  • 17
  • 0
Re: Как выровнять меню по центру?
« Ответ #14 : 31.01.2014, 19:35:44 »
Вот ссылка http://de1iora.srb.webhost1.ru посмотрите пожалуйста.

*

Shustry

  • Moderator
  • *****
  • 6426
  • 733
  • Рисую дизайны
Re: Как выровнять меню по центру?
« Ответ #15 : 31.01.2014, 20:05:49 »
Код: css
.icemegamenu {width:100%;}
.icemegamenu ul {position:relative; left:-50%; float:right; width:auto;}
.icemegamenu li {position:relative; left:50%;}

Любите CSS, и будет вам щастье!
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

de1iora

  • Захожу иногда
  • **
  • 17
  • 0
Код: css
.icemegamenu {width:100%;}
.icemegamenu ul {position:relative; left:-50%; float:right; width:auto;}
.icemegamenu li {position:relative; left:50%;}

Любите CSS, и будет вам щастье!
Спасибо Вам огромнейшее, добрый человек!) Все заработало!)

*

Shustry

  • Moderator
  • *****
  • 6426
  • 733
  • Рисую дизайны
Всегда пожалуйста.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

Orfei

  • Осваиваюсь на форуме
  • ***
  • 25
  • 1
Подскажите пожалуйста, как на сайта родное-поволжье.рф выровнять второе сверху меню (это где ярмарка и тд.) по центру? Колдовал с left и margin, выравнивать получалось, но тогда в разделе Новости, где есть боковые модули, меню съезжало на них. Нужно какое то универсальное решение, чтобы на всех страницах аккуратно выравнивание было.

*

ROMERO

  • Захожу иногда
  • **
  • 15
  • 0
Код: css
.icemegamenu {width:100%;}
.icemegamenu ul {position:relative; left:-50%; float:right; width:auto;}
.icemegamenu li {position:relative; left:50%;}

Любите CSS, и будет вам щастье!

А куда вставлять то эти строчки?

*

Shustry

  • Moderator
  • *****
  • 6426
  • 733
  • Рисую дизайны
А куда вставлять то эти строчки?

В css-файл.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!