Помогите выровнять главное меню по центру

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем mefody, 20.06.2011.

  1. mefody
    Offline

    mefody Недавно здесь

    Регистрация:
    02.08.2010
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    Подскажите пожалуйста как выровнять главное меню по центру. Перерыл все css - файлы и index.php, но ничего похожего не нашел.
    Сайт в процессе разработки - не доделан, но может быть знатоки по исходному коду сориентируются: http://www.kaveshnikova.com/

    Любую другую информацию о шаблоне готов предоставить.

    Заранее спасибо за ответы.
     
  2.  
  3. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 813
    Симпатии:
    771
    Пол:
    Мужской
    margin регулируй
    .menutop {
    line-height: 1;
    list-style: none outside none;
    margin: 50px
    }
     
  4. mefody
    Offline

    mefody Недавно здесь

    Регистрация:
    02.08.2010
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    Спасибо за ответ, сделал, но ничего не изменилось:
    Код (PHP):
    1. /* Global */
    2. .menutop li {height: 1;margin: 50;padding: 0;position: center;list-style: none outside none;}
    3. .menutop em {font-size:80%;font-weight:normal;display:block;font-style:normal;}
    4. .menutop li .item, .menutop li.active .item {display: block;margin: 50;text-decoration: none;float: none;width: auto;}
    5. .menutop li .fusion-submenu-wrapper {float: none;left: -999em;position: absolute;z-index: 500;}
    6. .menutop li:hover li ul, .menutop li.sfHover li ul {top: -999em;}
    7. .menutop li:hover ul, .menutop li.sfHover ul {top: 0;}
    8.  
    9. /* Dropdowns */
    10. .menutop ul {width: 188px;padding: 0 0 15px 0;margin: 0;float: left;}
    11. .menutop .drop-top {height: 1px;}
    12. .menutop ul.columns2 {width: 362px;padding: 0 0 15px 0;}
    13. .menutop .columns2 > .drop-top {width:362px;}
    14. .menutop ul li {width: 186px;padding: 0 0 15px 0;height: 42px;margin-bottom: -13px;}
    15. .menutop ul.columns2 li {width: 179px;float: left;height: 42px;margin-left: 1px;}
    16. .menutop li > .item {padding: 0;height: auto;display: block;font-size: 12px;line-height: 42px;}
    17. .menutop li > .bullet {padding-left: 18px;}
    18. .menutop li > .item.image {padding: 0;}
    19. .menutop li > .item img {float: left;margin: 10px 6px 0 8px;}
    20. .menutop li > .item span {display: block;padding: 0;width: 100%;}
    21. .menutop li a.item {cursor: pointer;}
    22. .menutop li span.item {cursor:default;outline:none;}
    23. .menutop .subtext span {line-height: 19px;}
    24. .menutop ul li .subtext span {line-height: 26px;}
    25. .menutop .subtext em {line-height: 13px;}
    26. .menutop ul li .subtext em {line-height: 8px;}
    27. .menutop ul, .menutop ul.columns2 {background-position: 50% 100% !important;background-repeat: no-repeat;}
    28. .menutop .drop-top, .menutop .columns2 > .drop-top {background-position: 50% 0;background-repeat: no-repeat;}
    29.  
    30. /* Root Items */
    31. .menutop {list-style: none;margin: 50;padding: 0;position: center;line-height: 1.0;}
    32. .menutop li.root {float: left;margin: 0 -5px 0 0;}
    33. body .menutop li.root > .item {white-space: nowrap;display: block;font-weight: normal;padding: 0;font-size: 15px;z-index: 100;cursor: pointer;position:relative;margin: 0 4px 0 0;outline: none;text-align: center;line-height: 32px;text-transform: uppercase;}
    34. body .menutop li.root > .bullet {background: none;}
    35. .menutop li.root > .item span {display: block;margin: 0;outline: none;padding: 10px 20px;width: auto;}
    36. .menutop li.root > .item em {font-size:11px;font-weight:normal;display:block;font-style:normal;text-transform: lowercase;}
    37.  
    38. /* No JS */
    39. .menutop li.root:hover > .fusion-submenu-wrapper {top: 51px;left: 0;}
    40. .menutop ul.columns1 li:hover > .fusion-submenu-wrapper {left: 182px;top: 0;}
    41. .menutop ul.columns2 li:hover > .fusion-submenu-wrapper {left: 180px;top: 0;}
    42.  
    43. /* Fusion Pill */
    44. .fusion-pill-l {height: 60px;margin:0 0 0 -6px;top:0;position:absolute;left:0;}
    45. .fusion-pill-r {height: 60px;}
    46.  
    47. /* Fusion JS */
    48. .fusion-js-container {display:block;height:0;left:0;overflow:visible;position:absolute;top:0;z-index:50000!important;background:transparent !important;}
    49. .fusion-js-subs {display:none;margin:0;overflow:hidden;padding:0;position:absolute;}


    Подскажите пожалуйста, что можно сделать или кроме css еще что-то править надо?
     
  5. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 813
    Симпатии:
    771
    Пол:
    Мужской
    mefody,
    может указать-px ?
     
  6. mefody
    Offline

    mefody Недавно здесь

    Регистрация:
    02.08.2010
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    Да, пиксели все спасли))) спасибо.
    Правда при изменении margin на 50px высота шапки увеличилась, а увеличение на 100 увеличивает высоту и перестает отображаться полоска фона меню. Не подскажите где это правится?
     
  7. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 813
    Симпатии:
    771
    Пол:
    Мужской
    mefody,
    поменяй на "margin-left"
     
  8. Offline

    TroL Недавно здесь => Cпециалист <=

    Регистрация:
    01.03.2011
    Сообщения:
    502
    Симпатии:
    34
    Пол:
    Мужской
    Че за глупые вопросы?! Что бы делать сайт хоть маленько изучите ксс... маргин - добавляет отступ со всех сторон, а дописав через тире лефт/ригхт/топ/баттон только с определенной стороны! А чтоб именно по центру (так как просто отступ слева при маштабе не изменится) можно написать margin: 0 auto;
     
  9. mefody
    Offline

    mefody Недавно здесь

    Регистрация:
    02.08.2010
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    Ну форум для того и существует, чтобы "глупые" вопросы задавали, а умные и опытные на них отвечали, тем более, что раздел соответствующий.
    А за ответ спасибо, правда уже сделал немного иначе.
     

Поделиться этой страницей

Загрузка...