Как верхнее меню сделать по центру, а не с лева

Тема в разделе "Создание структуры", создана пользователем Викт, 15.08.2011.

  1. Offline

    Викт Недавно здесь

    Регистрация:
    15.08.2011
    Сообщения:
    10
    Симпатии:
    0
    Пол:
    Мужской
    Доброго времени суток всем. Может кто подскажет как сделать верхнее меню по центру, уже всё перепробовал.... (www.veterperemen-omsk.ru)
     
  2.  
  3. shahin
    Offline

    shahin р-т

    Регистрация:
    22.04.2010
    Сообщения:
    437
    Симпатии:
    37
    Пол:
    Мужской
    template.css (строка 286)
    margin там и пишите по центру
     
  4. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    В template.css сделать болше padding-left

    .art-menu {
    padding-bottom: 0;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 12px;
    }
     
  5. Offline

    Викт Недавно здесь

    Регистрация:
    15.08.2011
    Сообщения:
    10
    Симпатии:
    0
    Пол:
    Мужской
    Сейчас попробую, потом отпешусь...
     
  6. Offline

    Викт Недавно здесь

    Регистрация:
    15.08.2011
    Сообщения:
    10
    Симпатии:
    0
    Пол:
    Мужской
    Данный способ не помог, все осталось по прежнему. эта строка после art-menu li
    И там прописанно следующее margin: 0;
    Изменил на центр, но не помогло...:(
     
  7. Offline

    Викт Недавно здесь

    Регистрация:
    15.08.2011
    Сообщения:
    10
    Симпатии:
    0
    Пол:
    Мужской
    Ну а в этом способе даже растерялся, у меня там
    padding: 12px 6px 0px 6px;
    и что в этом менять???:(
     
  8. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Сделайте например padding-left: 60px;
     
  9. Offline

    Викт Недавно здесь

    Регистрация:
    15.08.2011
    Сообщения:
    10
    Симпатии:
    0
    Пол:
    Мужской
    Уже понял что изменится за это спасибо......
    Но вот если убрать пару пунктов из верхнего меню, то опять редактировать..?
    Может есть способ, чтобы верхнее меню постоянно находилось по центру....
     
  10. doctorgrif
    Offline

    doctorgrif специалист

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    гугл, сцуко, опять забанил?
    Код (CODE):
    1. margin:0 auto;

    доп. материалы
     
  11. Offline

    Викт Недавно здесь

    Регистрация:
    15.08.2011
    Сообщения:
    10
    Симпатии:
    0
    Пол:
    Мужской
    ничего не помогает......:(
     
  12. doctorgrif
    Offline

    doctorgrif специалист

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    артистером не надо пользоваться тогда, если не умеешь
    исходим из данной логики:
    div {border:0; float:left; width:100%;overflow:hidden;position:relative;} /*определение стиля, в котором выводится меню в виде списка ul li*/
    ul {margin:0;padding:0; float:left; position:relative; left:50%;} /*убираем у списка меню отступы и смещения*/
    ul li {float:left;list-style:none; position:relative; right:50%;} /* самим пунктам списка обнуляем стиль, позиционируем **/
    ul li a {display:block;padding:5px;text-decoration:none; border-right:1px solid #fff;background:yellow;} /*собственно доделываем отступы между пунктами меню и прочую шелуху*/


    --------------------------------------
    Colored with http://dumpz.org
     
    Последнее редактирование: 15.08.2011
  13. Offline

    Викт Недавно здесь

    Регистрация:
    15.08.2011
    Сообщения:
    10
    Симпатии:
    0
    Пол:
    Мужской
    Да... так понятно...
    Люди, скажите просто что заменить и где......
    Диф ....... где лежит то?
    =O Хоть посмотрели бы для начала
     
  14. doctorgrif
    Offline

    doctorgrif специалист

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    стиль шаблона строки примерно 250, 287, и какая-то из 300-х :)
    в любом браузере есть средства разработки - пользуйся для поиска необходимых строк в коде :)
     
  15. Offline

    Викт Недавно здесь

    Регистрация:
    15.08.2011
    Сообщения:
    10
    Симпатии:
    0
    Пол:
    Мужской
    Спасибо на добром слове.... будем стараться и исправляться, учиться ....:)
     
  16. Offline

    Викт Недавно здесь

    Регистрация:
    15.08.2011
    Сообщения:
    10
    Симпатии:
    0
    Пол:
    Мужской
    Большое спасибо всем, тем, кто не оказался равнодушным и предлагал разнообразные возможности.

    Вот какое решение мы нашли:
    В CSS прописали


    div.art-nav-center
    {
    position:relative;
    float:right;
    right:50%;

    }

    ul.art-menu
    {
    position:relative;
    float:left;
    left:50%;
    }


    Далее в html (mod_mainmenu)(default.php)

    Прописали <div class="art-nav-center"></div>

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

    [!]
     

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

Загрузка...