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

Tigrubiyca

  • Захожу иногда
  • 57
  • 1 / 1
  • SumraK



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

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

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

(также сори за ошибки)
*

sharp

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

Tigrubiyca

  • Захожу иногда
  • 57
  • 1 / 1
  • SumraK
Re: Как выровнять меню по центру?
« Ответ #2 : 01.03.2012, 19:22:09 »
Не пошло. Я уже как то это уже делал на прошлом сайте, но не помню как. Я думаю я просто напсал "text-align: center;" И меню стало по центру. Но в том случае было обычное меню, а счас расширение. Модуль выподающего меню. и по этому не прокотило.

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

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Как выровнять меню по центру?
« Ответ #3 : 01.03.2012, 19:37:13 »
Что то мудрите! Берите FireBug и смотрите какие правила влияют на стили размещения. Без видимости сайта трудно определить.
margin: 0 auto; - правильно (но надо задать фиксированную ширину width: 300px; .У вас может стоять float:left, или position значение и т. д.
*

Tigrubiyca

  • Захожу иногда
  • 57
  • 1 / 1
  • SumraK
Re: Как выровнять меню по центру?
« Ответ #4 : 01.03.2012, 19:47:44 »
У вас может стоять float:left, или position значение и т. д.

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

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

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

Tigrubiyca

  • Захожу иногда
  • 57
  • 1 / 1
  • SumraK
Re: Как выровнять меню по центру?
« Ответ #5 : 01.03.2012, 19:48:06 »
Я пробывал разные варианты прежде чем сюда написать.
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Как выровнять меню по центру?
« Ответ #6 : 01.03.2012, 19:56:27 »
так оберните еще раз в дивы
Код
<div id="oborot"><div id="center"></div></div>
Код: css
#oborot{width:1000px;}
#center{width:500px; margin: 0 auto;}
Так должно работать
*

Tigrubiyca

  • Захожу иногда
  • 57
  • 1 / 1
  • SumraK
Re: Как выровнять меню по центру?
« Ответ #7 : 01.03.2012, 20: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

  • Захожу иногда
  • 57
  • 1 / 1
  • SumraK
Re: Как выровнять меню по центру?
« Ответ #8 : 01.03.2012, 20:22:34 »
#oborot{width:1000px;}
#center{width:500px; margin: 0 auto;}

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

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

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

Так как меню будет стоять в нутри id="center" и там оно будет к левому краю прижиматься
*

Efanych

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

Tigrubiyca

  • Захожу иногда
  • 57
  • 1 / 1
  • SumraK
Re: Как выровнять меню по центру?
« Ответ #10 : 01.03.2012, 20:40:27 »
Ну по поводу "float:left" То я его нашол. и когда убрал меню перестало быть горизонтальным и потерялись все стили CSS.

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

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

Tigrubiyca

  • Захожу иногда
  • 57
  • 1 / 1
  • SumraK
Re: Как выровнять меню по центру?
« Ответ #11 : 01.03.2012, 20:42:44 »
Ну а как я ставил меню по центру, я вспомнил :) Просто в CSS для контейнера в котором меню стоит. прописал "text-align:center;" И все стало по центру.

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

de1iora

  • Осваиваюсь на форуме
  • 17
  • 0 / 0
Re: Как выровнять меню по центру?
« Ответ #12 : 31.01.2014, 06: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
  • 6434
  • 745 / 3
Re: Как выровнять меню по центру?
« Ответ #13 : 31.01.2014, 11:33:25 »
de1iora, по кускам кода невозможно помочь в 99% случаев. Ссылку на ваш сайт дайте.
*

de1iora

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

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Как выровнять меню по центру?
« Ответ #15 : 31.01.2014, 18:05:49 »
Код: css
.icemegamenu {width:100%;}
.icemegamenu ul {position:relative; left:-50%; float:right; width:auto;}
.icemegamenu li {position:relative; left:50%;}

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

de1iora

  • Осваиваюсь на форуме
  • 17
  • 0 / 0
Код: css
.icemegamenu {width:100%;}
.icemegamenu ul {position:relative; left:-50%; float:right; width:auto;}
.icemegamenu li {position:relative; left:50%;}

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

Shustry

  • Moderator
  • 6434
  • 745 / 3
Всегда пожалуйста.
*

Orfei

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

ROMERO

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

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

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

Shustry

  • Moderator
  • 6434
  • 745 / 3
А куда вставлять то эти строчки?

В css-файл.
*

nightpatrol

  • Осваиваюсь на форуме
  • 21
  • 0 / 0
Помогите пожалуйста менюшкой.
http://test.web-labs.kz/index.php/ru/

Второе меню, которое белое. Не могу по центру сделать.
*

nightpatrol

  • Осваиваюсь на форуме
  • 21
  • 0 / 0
Огромное спасибо! *DRINK*
*

Pianistka

  • Захожу иногда
  • 54
  • 2 / 0
Код
.bm-cool-menu li {
    float: none;
    display: inline-block;
}

Код
.bm-cool-menu {
    text-align: center !important;
}

Хоть у меня и другое меню, но и мне помогли эти строчки! Сенкьювэримач!
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
по ходу, я раскрыл тайну Универсального Выравнивающего Кода Меню!  ;D
надо запатентовать и разбогатеть.  :dry:
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 1546
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2119
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 814
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 793
Последний ответ 27.11.2020, 11:33:58
от coliandra
Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 1071
Последний ответ 20.07.2020, 11:18:44
от kuraev64