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

Discussion in 'Создание структуры' started by Викт, Aug 15, 2011.

  1. Offline

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

    Joined:
    Aug 15, 2011
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    Доброго времени суток всем. Может кто подскажет как сделать верхнее меню по центру, уже всё перепробовал.... (www.veterperemen-omsk.ru)
     
    Викт, Aug 15, 2011
    #1

  2. Ads Master

     
  3. shahin
    Offline

    shahin р-т => Cпециалист <=

    Joined:
    Apr 22, 2010
    Messages:
    438
    Likes Received:
    38
    Gender:
    Male
    template.css (строка 286)
    margin там и пишите по центру
     
    shahin, Aug 15, 2011
    #2
  4. umbabaraumba
    Offline

    umbabaraumba Активист => Cпециалист <=

    Joined:
    Sep 25, 2009
    Messages:
    623
    Likes Received:
    58
    Gender:
    Male
    В template.css сделать болше padding-left

    .art-menu {
    padding-bottom: 0;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 12px;
    }
     
    umbabaraumba, Aug 15, 2011
    #3
  5. Offline

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

    Joined:
    Aug 15, 2011
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    Сейчас попробую, потом отпешусь...
     
    Викт, Aug 15, 2011
    #4
  6. Offline

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

    Joined:
    Aug 15, 2011
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    Данный способ не помог, все осталось по прежнему. эта строка после art-menu li
    И там прописанно следующее margin: 0;
    Изменил на центр, но не помогло...:(
     
    Викт, Aug 15, 2011
    #5
  7. Offline

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

    Joined:
    Aug 15, 2011
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    Ну а в этом способе даже растерялся, у меня там
    padding: 12px 6px 0px 6px;
    и что в этом менять???:(
     
    Викт, Aug 15, 2011
    #6
  8. umbabaraumba
    Offline

    umbabaraumba Активист => Cпециалист <=

    Joined:
    Sep 25, 2009
    Messages:
    623
    Likes Received:
    58
    Gender:
    Male
    Сделайте например padding-left: 60px;
     
    umbabaraumba, Aug 15, 2011
    #7
  9. Offline

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

    Joined:
    Aug 15, 2011
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    Уже понял что изменится за это спасибо......
    Но вот если убрать пару пунктов из верхнего меню, то опять редактировать..?
    Может есть способ, чтобы верхнее меню постоянно находилось по центру....
     
    Викт, Aug 15, 2011
    #8
  10. doctorgrif
    Offline

    doctorgrif Местный => Cпециалист <=

    Joined:
    Jan 14, 2008
    Messages:
    1,284
    Likes Received:
    66
    Gender:
    Male
    гугл, сцуко, опять забанил?
    Код (CODE):
    1. margin:0 auto;

    доп. материалы
     
    doctorgrif, Aug 15, 2011
    #9
  11. Offline

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

    Joined:
    Aug 15, 2011
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    ничего не помогает......:(
     
    Викт, Aug 15, 2011
    #10
  12. doctorgrif
    Offline

    doctorgrif Местный => Cпециалист <=

    Joined:
    Jan 14, 2008
    Messages:
    1,284
    Likes Received:
    66
    Gender:
    Male
    артистером не надо пользоваться тогда, если не умеешь
    исходим из данной логики:
    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
     
    Last edited: Aug 15, 2011
    doctorgrif, Aug 15, 2011
    #11
  13. Offline

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

    Joined:
    Aug 15, 2011
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    Да... так понятно...
    Люди, скажите просто что заменить и где......
    Диф ....... где лежит то?
    =O Хоть посмотрели бы для начала
     
    Викт, Aug 15, 2011
    #12
  14. doctorgrif
    Offline

    doctorgrif Местный => Cпециалист <=

    Joined:
    Jan 14, 2008
    Messages:
    1,284
    Likes Received:
    66
    Gender:
    Male
    стиль шаблона строки примерно 250, 287, и какая-то из 300-х :)
    в любом браузере есть средства разработки - пользуйся для поиска необходимых строк в коде :)
     
    doctorgrif, Aug 15, 2011
    #13
  15. Offline

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

    Joined:
    Aug 15, 2011
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    Спасибо на добром слове.... будем стараться и исправляться, учиться ....:)
     
    Викт, Aug 15, 2011
    #14
  16. Offline

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

    Joined:
    Aug 15, 2011
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    Большое спасибо всем, тем, кто не оказался равнодушным и предлагал разнообразные возможности.

    Вот какое решение мы нашли:
    В 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>

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

    [!]
     
    Викт, Aug 16, 2011
    #15
< поставил sh404SEF SEF ссылки стали русские, как поменять на англ. | Шаблоны >

Share This Page

Loading...