Центрирование пунтков меню

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем Nikolay212, 06.05.2012.

  1. Offline

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

    Регистрация:
    19.04.2012
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    Всем доброго времени суток! Подскажите, кто может, как выровнять пункты нижепреведенного меню по центру
    Код (html):
    1. .ja-megamenu {margin: 0 auto; padding: 0; }
    2. .ja-megamenu a.over, .ja-megamenu a.active {}
    3.  
    4. ul.megamenu { margin: 10px; /* menu's gutter */ }
    5.  
    6. ul.megamenu li { overflow: visible; }
    7.  
    8. /* lv - 0
    9. -----------------------------------*/
    10. /* Styling ---*/
    11. .ja-megamenu ul.level0 {
    12.     margin: 0 auto;
    13.     padding: 0;
    14. }
    15.  
    16. .ja-megamenu ul.level0 li.mega {
    17.     background: none;
    18.     display: block;
    19.     float: left;
    20.     margin: 0 auto;
    21.     padding: 0;
    22. }
    23.  
    24. .ja-megamenu ul.level0 li.mega a.mega {
    25.     display: block;
    26.     font-weight: bold;
    27.     line-height: normal;
    28.     margin: 0 auto;
    29.     padding: 8px 15px;
    30.     text-decoration: none;
    31. }
    32.  
    33. .ja-megamenu ul.level0 li.mega .has-image {
    34.     padding-left: 25px;
    35.     display: block;
    36.     background-repeat: no-repeat;
    37.     background-position: left top;
    38.     cursor: pointer;
    39. }
    40.  
    41. .ja-megamenu ul.level0 li.mega span.menu-title { display: block; }
    42.  
    43. .ja-megamenu ul.level0 li.mega span.menu-desc {
    44.     display: block;
    45.     font-weight: normal;
    46.     font-size: 92%;
    47. }
    48.  
    49. .ja-megamenu ul.level0 li.mega a img {
    50.     float: left;
    51.     padding-right: 5px;
    52. }
    53.  
    54. .ja-megamenu ul.level0 li.over, ul.level0 li.haschild-over {}
    55.  
    56. .ja-megamenu ul.level0 li.haschild a.mega span.menu-title,
    57. .ja-megamenu ul.level0 li.haschild-over a.mega span.menu-title {
    58.     background: url(../../images/arrow3.png) no-repeat left center;
    59.     padding-left: 12px;
    60. }
    61.  
    62. .ja-megamenu ul.level0 li.haschild a.mega span.menu-desc,
    63. .ja-megamenu ul.level0 li.haschild-over a.mega span.menu-desc {
    64.     padding-left: 12px;
    65. }
    66.  
    67. .ja-megamenu ul.level0 li.active {}
    68.  
    69. /* lv - 1 and below
    70. -----------------------------------*/
    71. /* Layout ---*/
    72. .ja-megamenu li.mega .childcontent { display: block; height: auto; position: absolute; }
    73.  
    74. .ja-megamenu li.mega .childcontent,
    75. .ja-megamenu li.haschild-over li.mega .childcontent,
    76. .ja-megamenu li.mega li.haschild-over li.mega .childcontent ,
    77. .ja-megamenu li.mega li.mega li.haschild-over li.mega .childcontent,
    78. .ja-megamenu li.mega li.mega li.mega li.haschild-over li.mega .childcontent,
    79. .ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .childcontent { left: -999em; /*hide the menu*/ }
    80.  
    81. .ja-megamenu li.haschild-over .childcontent,
    82. .ja-megamenu li.mega li.haschild-over .childcontent,
    83. .ja-megamenu li.mega li.mega li.haschild-over .childcontent,
    84. .ja-megamenu li.mega li.mega li.mega li.haschild-over .childcontent,
    85. .ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over .childcontent,
    86. .ja-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .childcontent { left: auto; /*show on parent:hover*/ }
    87.  
    88. .ja-megamenu li.mega .right,
    89. .ja-megamenu li.haschild-over li.mega .right,
    90. .ja-megamenu li.mega li.haschild-over li.mega .right ,
    91. .ja-megamenu li.mega li.mega li.haschild-over li.mega .right,
    92. .ja-megamenu li.mega li.mega li.mega li.haschild-over li.mega .right,
    93. .ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .right { right: auto; /*hide the menu*/ }
    94.  
    95. .ja-megamenu li.haschild-over .right
    96. { right: 0; /*show on parent:hover*/ }
    97. .ja-megamenu li.mega li.haschild-over .right,
    98. .ja-megamenu li.mega li.mega li.haschild-over .right,
    99. .ja-megamenu li.mega li.mega li.mega li.haschild-over .right,
    100. .ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over .right,
    101. .ja-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .right
    102. { right: 12em; /*show on parent:hover*/ }
    103.  
    104. .ja-megamenu ul.level1 li.mega { float: none; }
    105.  
    106. .ja-megamenu ul.level1 .childcontent { margin: -2em 0 0 160px; }
    107.  
    108.  /* Columns ---*/
    109. .ja-megamenu .megacol { float: left;}
    110.  
    111. /* Styling ---*/
    112. .ja-megamenu ul.level1 li.mega {}
    113.  
    114. .ja-megamenu ul.level1 li.first {}
    115.  
    116. .ja-megamenu ul.level1 li.mega a.mega {
    117.     background: none;
    118.     border: 0;
    119.     font-weight: normal;
    120.     padding: 8px 5px;
    121. }
    122.  
    123. .ja-megamenu ul.level1 li.mega a.mega span.menu-title { background: none; padding: 0; }
    124.  
    125. .ja-megamenu ul.level1 li.haschild,
    126. .ja-megamenu ul.level1 li.haschild-over {
    127.     background-image: url(../../images/arrow.png);
    128.     background-repeat: no-repeat;
    129.     background-position: 95% center;
    130.     padding: 0;
    131. }
    132.  
    133. .ja-megamenu ul.level1 li.over, ul.level1 li.haschild-over {}
    134.  
    135. .ja-megamenu ul.level1 li.group { background: none; }
    136.  
    137.  /* CHILD CONTENT
    138. -----------------------------------*/
    139. .ja-megamenu .childcontent {
    140.     z-index: 999;
    141. }
    142.  
    143. .ja-megamenu .childcontent-inner {
    144.     background: #fff;
    145. }
    146.  
    147. .ja-megamenu .level1 .childcontent-inner {}
    148.  
    149. .ja-megamenu .childcontent .ja-moduletable {
    150.     line-height: 1.5;
    151.     margin: 10px 0;
    152.     padding: 0;
    153. }
    154.  
    155. .ja-megamenu .childcontent .ja-moduletable h3 {
    156.     background: none;
    157.     margin-left: 10px;
    158.     margin-right: 10px;
    159.     text-indent: 5px;
    160.     text-transform: none;
    161. }
    162.  
    163. .ja-megamenu .childcontent .ja-moduletable .ja-box-ct {
    164.     padding: 0 5px;
    165. }
    166.  
    167. .ja-megamenu .childcontent .ja-moduletable a {
    168.     text-decoration: none;
    169. }
    170.  
    171. .ja-megamenu .childcontent .ja-moduletable a:hover,
    172. .ja-megamenu .childcontent .ja-moduletable a:focus,
    173. .ja-megamenu .childcontent .ja-moduletable a:active {
    174.     text-decoration: none;
    175. }
    176.  
    177. .ja-megamenu .childcontent .ja-moduletable ul:first-child {
    178.     margin-top: 0 !important;
    179. }
    180.  
    181. .ja-megamenu .childcontent .ja-moduletable li {
    182.     margin-bottom: 5px;
    183. }
    184.  
    185. /* Grouped --- */
    186. .ja-megamenu .group {}
    187.  
    188. .ja-megamenu .group-title { overflow: hidden; }
    189.  
    190. .ja-megamenu .group-title .menu-title {}
    191.  
    192. .ja-megamenu .group-title .menu-desc {
    193.     padding-left: 0 !important;
    194. }
    195.  
    196. .ja-megamenu .group-content .ja-moduletable,
    197. .ja-megamenu .group-content ul.megamenu  {
    198.     margin: 10px; /* Group-content's gutter*/
    199. }
    200.  
    201. /* reset --- */
    202. .ja-megamenu .childcontent ul.megamenu .ja-moduletable {
    203.     padding: 0;
    204. }
    205.  
    206. .ja-megamenu .childcontent ul.megamenu .ja-moduletable h3 {
    207.     margin-left: 0;
    208.     margin-right: 0;
    209. }
     
  2.  

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

Загрузка...