Как убрать пустые строки в вертикальном меню в IE

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

  1. Offline

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

    Регистрация:
    11.12.2010
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Joomla 1.5.22, шаблон clarify, IE8

    Обычные вертикальные меню отображаются в IE с промежуточными (лишними) строками:

    вместо сжатого варианта:

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

    Поковырял форум и инет, но рекомендации не помогли. Возможно, что делаю коррекцию css неправильно (не силен).

    Пожалуйста, подскажите конкретно что и где в коде ..l/templates/clarify/css/templates.css нужно дополнить/изменить:

    Код (CODE):
    1. * begin Page */
    2.  
    3. /* Generated with Artisteer version 2.4.0.24106, file checksum is 94207363. */
    4.  
    5. body
    6. {
    7.   margin: 0 auto;
    8.   padding: 0;
    9.   background-color: #D4CCAA;
    10.   background-image: url('../images/page_t.jpg');
    11.   background-repeat: repeat-x;
    12.   background-attachment: fixed;
    13.   background-position: top center;
    14.   font-family: Arial, Helvetica, Sans-Serif;
    15.   font-style: normal;
    16.   font-weight: normal;
    17.   font-size: 12px;
    18.   color: #52594F;
    19. }
    20.  
    21. h1, h2, h3, h4, h5, h6,
    22. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
    23. h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
    24. h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
    25. .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover,
    26. .art-blockheader .t, .art-vmenublockheader .t, .art-logo-text, .art-logo-text a,
    27. h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover
    28. {
    29.   font-style: normal;
    30.   text-decoration: none;
    31.   font-weight: bold;
    32.   font-size: 28px;
    33.   text-align: left;
    34. }
    35.  
    36. a
    37. {
    38.   text-decoration: underline;
    39.   color: #9C8D4F;
    40. }
    41.  
    42. a:link
    43. {
    44.   text-decoration: underline;
    45.   color: #9C8D4F;
    46. }
    47.  
    48. a:visited, a.visited
    49. {
    50.  
    51.   color: #393E37;
    52. }
    53.  
    54. a:hover, a.hover
    55. {
    56.   text-decoration: none;
    57.   color: #CDA71D;
    58. }
    59.  
    60. h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
    61. {
    62.  
    63.   color: #575F54;
    64. }
    65.  
    66. h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
    67. {
    68.   font-size: 22px;
    69.   color: #727C6E;
    70. }
    71.  
    72. h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
    73. {
    74.   font-size: 18px;
    75.   color: #9C8D4F;
    76. }
    77.  
    78. h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
    79. {
    80.   font-size: 16px;
    81.   color: #666F62;
    82. }
    83.  
    84. h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
    85. {
    86.   font-size: 14px;
    87.   color: #666F62;
    88. }
    89.  
    90. h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
    91. {
    92.   font-size: 14px;
    93.   color: #666F62;
    94. }
    95.  
    96. #art-main
    97. {
    98.   position: relative;
    99.   width: 100%;
    100.   left: 0;
    101.   top: 0;
    102.   cursor:default;
    103. }
    104.  
    105.  
    106.  
    107. #art-page-background-gradient
    108. {
    109.   background-position: top center;
    110. }
    111.  
    112.  
    113. .cleared
    114. {
    115.   float: none;
    116.   clear: both;
    117.   margin: 0;
    118.   padding: 0;
    119.   border: none;
    120.   font-size: 1px;
    121. }
    122.  
    123. form
    124. {
    125.   padding: 0 !important;
    126.   margin: 0 !important;
    127. }
    128.  
    129. table.position
    130. {
    131.   position: relative;
    132.   width: 100%;
    133.   table-layout: fixed;
    134. }
    135. /* end Page */
    136.  
    137. /* begin Box, Sheet */
    138. .art-sheet
    139. {
    140.   position: relative;
    141.   z-index: 0;
    142.   margin: 0 auto;
    143.   width: 914px;
    144.   min-width: 31px;
    145.   min-height: 31px;
    146. }
    147.  
    148. .art-sheet-body
    149. {
    150.   position: relative;
    151.   z-index: 1;
    152.   padding: 7px;
    153. }
    154.  
    155. .art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc,.art-sheet-cr, .art-sheet-cl
    156. {
    157.   position: absolute;
    158.   z-index: -1;
    159. }
    160.  
    161. .art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl
    162. {
    163.   width: 58px;
    164.   height: 58px;
    165.   background-image: url('../images/sheet_s.png');
    166. }
    167.  
    168. .art-sheet-tl
    169. {
    170.   top: 0;
    171.   left: 0;
    172.   clip: rect(auto, 29px, 29px, auto);
    173. }
    174.  
    175. .art-sheet-tr
    176. {
    177.   top: 0;
    178.   right: 0;
    179.   clip: rect(auto, auto, 29px, 29px);
    180. }
    181.  
    182. .art-sheet-bl
    183. {
    184.   bottom: 0;
    185.   left: 0;
    186.   clip: rect(29px, 29px, auto, auto);
    187. }
    188.  
    189. .art-sheet-br
    190. {
    191.   bottom: 0;
    192.   right: 0;
    193.   clip: rect(29px, auto, auto, 29px);
    194. }
    195.  
    196. .art-sheet-tc, .art-sheet-bc
    197. {
    198.   left: 29px;
    199.   right: 29px;
    200.   height: 58px;
    201.   background-image: url('../images/sheet_h.png');
    202. }
    203.  
    204. .art-sheet-tc
    205. {
    206.   top: 0;
    207.   clip: rect(auto, auto, 29px, auto);
    208. }
    209.  
    210. .art-sheet-bc
    211. {
    212.   bottom: 0;
    213.   clip: rect(29px, auto, auto, auto);
    214. }
    215.  
    216. .art-sheet-cr, .art-sheet-cl
    217. {
    218.   top: 29px;
    219.   bottom: 29px;
    220.   width: 58px;
    221.   background-image: url('../images/sheet_v.png');
    222. }
    223.  
    224. .art-sheet-cr
    225. {
    226.   right: 0;
    227.   clip: rect(auto, auto, auto, 29px);
    228. }
    229.  
    230. .art-sheet-cl
    231. {
    232.   left: 0;
    233.   clip: rect(auto, 29px, auto, auto);
    234. }
    235.  
    236. .art-sheet-cc
    237. {
    238.   position: absolute;
    239.   z-index: -1;
    240.   top: 29px;
    241.   left: 29px;
    242.   right: 29px;
    243.   bottom: 29px;
    244.   background-color: #FFFFFF;
    245. }
    246.  
    247. .art-sheet
    248. {
    249.   margin-top: -7px !important;
    250.   cursor:auto;
    251. }
    252.  
    253. #art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
    254. {
    255.   min-width: 914px;
    256. }
    257.  
    258. /* end Box, Sheet */
    259.  
    260. /* begin Header */
    261. div.art-header
    262. {
    263.   margin: 0 auto;
    264.   position: relative;
    265.   z-index: 0;
    266.   width: 900px;
    267.   height: 190px;
    268.   overflow: hidden;
    269. }
    270.  
    271.  
    272. div.art-header-jpeg
    273. {
    274.   position: absolute;
    275.   z-index: -1;
    276.   top: 0;
    277.   left: 0;
    278.   width: 900px;
    279.   height: 190px;
    280.   background-image: url('../images/header.jpg');
    281.   background-repeat: no-repeat;
    282.   background-position: center center;
    283. }
    284.  
    285. /* end Header */
    286.  
    287. ...
    288.  
    289. /* begin Menu */
    290. /* menu structure */
    291.  
    292. .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
    293. {
    294.   text-align: left;
    295.   text-decoration: none;
    296.   outline: none;
    297.   letter-spacing: normal;
    298.   word-spacing: normal;
    299. }
    300.  
    301. .art-menu, .art-menu ul
    302. {
    303.   margin: 0;
    304.   padding: 0;
    305.   border: 0;
    306.   list-style-type: none;
    307.   display: block;
    308. }
    309.  
    310. .art-menu li
    311. {
    312.   margin: 0;
    313.   padding: 0;
    314.   border: 0;
    315.   display: block;
    316.   float: left;
    317.   position: relative;
    318.   z-index: 5;
    319.   background: none;
    320. }
    321.  
    322. .art-menu li:hover
    323. {
    324.   z-index: 10000;
    325.   white-space: normal;
    326. }
    327.  
    328. .art-menu li li
    329. {
    330.   float: none;
    331. }
    332.  
    333. .art-menu ul
    334. {
    335.   visibility: hidden;
    336.   position: absolute;
    337.   z-index: 10;
    338.   left: 0;
    339.   top: 0;
    340.   background: none;
    341. }
    342.  
    343. .art-menu li:hover>ul
    344. {
    345.   visibility: visible;
    346.   top: 100%;
    347. }
    348.  
    349. .art-menu li li:hover>ul
    350. {
    351.   top: 0;
    352.   left: 100%;
    353. }
    354.  
    355. .art-menu:after, .art-menu ul:after
    356. {
    357.   content: ".";
    358.   height: 0;
    359.   display: block;
    360.   visibility: hidden;
    361.   overflow: hidden;
    362.   clear: both;
    363. }
    364. .art-menu, .art-menu ul
    365. {
    366.   min-height: 0;
    367. }
    368.  
    369. .art-menu ul
    370. {
    371.   background-image: url(../images/spacer.gif);
    372.   padding: 10px 30px 30px 30px;
    373.   margin: -10px 0 0 -30px;
    374. }
    375.  
    376. .art-menu ul ul
    377. {
    378.   padding: 30px 30px 30px 10px;
    379.   margin: -30px 0 0 -10px;
    380. }
    381.  
    382.  
    383. /* menu structure */
    384.  
    385. .art-menu
    386. {
    387.   padding: 6px 6px 6px 6px;
    388. }
    389.  
    390. .art-nav
    391. {
    392.   position: relative;
    393.   height: 42px;
    394.   z-index: 100;
    395. }
    396.  
    397. .art-nav .l, .art-nav .r
    398. {
    399.   position: absolute;
    400.   z-index: -1;
    401.   top: 0;
    402.   height: 42px;
    403.   background-image: url('../images/nav.png');
    404. }
    405.  
    406. .art-nav .l
    407. {
    408.   left: 0;
    409.   right: 0;
    410. }
    411.  
    412. .art-nav .r
    413. {
    414.   right: 0;
    415.   width: 900px;
    416.   clip: rect(auto, auto, auto, 900px);
    417. }
    418.  
    419.  
    420. /* end Menu */
    421.  
    422. /* begin MenuItem */
    423. .art-menu a
    424. {
    425.   position: relative;
    426.   display: block;
    427.   overflow: hidden;
    428.   height: 30px;
    429.   cursor: pointer;
    430.   text-decoration: none;
    431. }
    432.  
    433. .art-menu li
    434. {
    435.   margin-right: 4px;
    436.   margin-left: 4px;
    437. }
    438.  
    439. .art-menu ul li
    440. {
    441.     margin:0;
    442.     clear: both;
    443. }
    444.  
    445.  
    446. .art-menu a .r, .art-menu a .l
    447. {
    448.   position: absolute;
    449.   display: block;
    450.   top: 0;
    451.   z-index: -1;
    452.   height: 90px;
    453.   background-image: url('../images/menuitem.png');
    454. }
    455.  
    456. .art-menu a .l
    457. {
    458.   left: 0;
    459.   right: 4px;
    460. }
    461.  
    462. .art-menu a .r
    463. {
    464.   width: 408px;
    465.   right: 0;
    466.   clip: rect(auto, auto, auto, 404px);
    467. }
    468.  
    469. .art-menu a .t
    470. {
    471.   margin-right: 10px;
    472.   margin-left: 10px;
    473.   font-variant: small-caps;
    474.   font-weight: bold;
    475.   font-size: 13px;
    476.   color: #DADDD9;
    477.   padding: 0 19px;
    478.   margin: 0 4px;
    479.   line-height: 30px;
    480.   text-align: center;
    481. }
    482.  
    483. .art-menu a:hover .l, .art-menu a:hover .r
    484. {
    485.   top: -30px;
    486. }
    487.  
    488. .art-menu li:hover>a .l, .art-menu li:hover>a .r
    489. {
    490.   top: -30px;
    491. }
    492.  
    493. .art-menu li:hover a .l, .art-menu li:hover a .r
    494. {
    495.   top: -30px;
    496. }
    497. .art-menu a:hover .t
    498. {
    499.   color: #EAECE9;
    500. }
    501.  
    502. .art-menu li:hover a .t
    503. {
    504.   color: #EAECE9;
    505. }
    506.  
    507. .art-menu li:hover>a .t
    508. {
    509.   color: #EAECE9;
    510. }
    511.  
    512.  
    513. .art-menu a.active .l, .art-menu a.active .r
    514. {
    515.   top: -60px;
    516. }
    517.  
    518. .art-menu a.active .t
    519. {
    520.   color: #070807;
    521. }
    522. /* end MenuItem */
    523.  
    524. /* begin MenuSeparator */
    525. .art-nav .art-menu-separator
    526. {
    527.   display: block;
    528.   width: 8px;
    529.   height: 30px;
    530.   background-image: url('../images/menuseparator.png');
    531. }
    532. /* end MenuSeparator */
    533.  
    534. /* begin MenuSubItem */
    535. .art-menu ul a
    536. {
    537.   display: block;
    538.   text-align: center;
    539.   white-space: nowrap;
    540.   height: 32px;
    541.   width: 180px;
    542.   overflow: hidden;
    543.   line-height: 32px;
    544.   background-image: url('../images/subitem.png');
    545.   background-position: left top;
    546.   background-repeat: repeat-x;
    547.   border-width: 0;
    548.   border-style: solid;
    549. }
    550.  
    551. .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
    552. {
    553.   display: inline;
    554.   float: none;
    555.   margin: inherit;
    556.   padding: inherit;
    557.   background-image: none;
    558.   text-align: inherit;
    559.   text-decoration: inherit;
    560. }
    561.  
    562. .art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
    563. {
    564.   text-align: left;
    565.   text-indent: 12px;
    566.   text-decoration: none;
    567.   line-height: 32px;
    568.   color: #F3F1E7;
    569.   margin-right: 10px;
    570.   margin-left: 10px;
    571.   font-variant: small-caps;
    572.   font-weight: bold;
    573.   margin:0;
    574.   padding:0;
    575. }
    576.  
    577. .art-menu ul li a:hover
    578. {
    579.   color: #F5F3EB;
    580.   background-position: 0 -32px;
    581. }
    582.  
    583. .art-menu ul li:hover>a
    584. {
    585.   color: #F5F3EB;
    586.   background-position: 0 -32px;
    587. }
    588.  
    589. .art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
    590. {
    591.   color: #F5F3EB;
    592. }
    593.  
    594. .art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
    595. {
    596.   color: #F5F3EB;
    597. }
    598.  
    599.  
    600. /* end MenuSubItem */
    601.  
    602. /* begin Layout */
    603. .art-content-layout
    604. {
    605.   display: table;
    606.   padding: 0;
    607.   border: none;
    608.   width: 900px;
    609. }
    610.  
    611. .art-content-layout .art-content-layout
    612. {
    613.   width: auto;
    614.   margin:0;
    615. }
    616.  
    617. div.art-content-layout div.art-layout-cell, div.art-content-layout div.art-layout-cell div.art-content-layout div.art-layout-cell
    618. {
    619.    display: table-cell;
    620. }
    621.  
    622. div.art-layout-cell div.art-layout-cell
    623. {
    624.    display: block;
    625. }
    626.  
    627. div.art-content-layout-row
    628. {
    629.   display: table-row;
    630. }
    631.  
    632. .art-content-layout
    633. {
    634.   table-layout: fixed;
    635.   border-collapse: collapse;
    636.   background-color: Transparent;
    637.   border: none !important;
    638.   padding:0 !important;
    639. }
    640.  
    641. .art-layout-cell, .art-content-layout-row
    642. {
    643.   background-color: Transparent;
    644.   vertical-align: top;
    645.   text-align: left;
    646.   border: none !important;
    647.   margin:0 !important;
    648.   padding:0 !important;
    649. }
    650. /* end Layout */
    651.  
    652. /* begin Button */
    653. .art-button-wrapper .art-button
    654. {
    655.  
    656.   display: inline-block;
    657.   vertical-align: middle;
    658.   white-space: nowrap;
    659.   text-align: left;
    660.   text-decoration: none !important;
    661.   color: #000000 !important;
    662.   width: auto;
    663.   outline: none;
    664.   border: none;
    665.   background: none;
    666.   line-height: 33px;
    667.   height: 33px;
    668.   margin: 0;
    669.   padding: 0 21px !important;
    670.   overflow: visible;
    671.   cursor: default;
    672.   z-index: 0;
    673. }
    674.  
    675. .art-button img, .art-button-wrapper img
    676. {
    677.   margin: 0;
    678.   vertical-align: middle;
    679. }
    680.  
    681. .art-button-wrapper
    682. {
    683.   vertical-align: middle;
    684.   display: inline-block;
    685.   position: relative;
    686.   height: 33px;
    687.   overflow: hidden;
    688.   white-space: nowrap;
    689.   width: auto;
    690.   margin: 0;
    691.   padding: 0;
    692.   z-index: 0;
    693. }
    694.  
    695. .firefox2 .art-button-wrapper
    696. {
    697.   display: block;
    698.   float: left;
    699. }
    700.  
    701. input, select
    702. {
    703.   vertical-align: middle;
    704.  
    705. }
    706.  
    707. .art-button-wrapper.hover .art-button, .art-button:hover
    708. {
    709.   color: #C0C5BE !important;
    710.   text-decoration: none !important;
    711. }
    712.  
    713. .art-button-wrapper.active .art-button
    714. {
    715.   color: #50410B !important;
    716. }
    717.  
    718. .art-button-wrapper .l, .art-button-wrapper .r
    719. {
    720.   display: block;
    721.   position: absolute;
    722.   z-index: -1;
    723.   height: 99px;
    724.   margin: 0;
    725.   padding: 0;
    726.   background-image: url('../images/button.png');
    727. }
    728.  
    729. .art-button-wrapper .l
    730. {
    731.   left: 0;
    732.   right: 9px;
    733. }
    734.  
    735. .art-button-wrapper .r
    736. {
    737.   width: 407px;
    738.   right: 0;
    739.   clip: rect(auto, auto, auto, 398px);
    740. }
    741.  
    742. .art-button-wrapper.hover .l, .art-button-wrapper.hover .r
    743. {
    744.   top: -33px;
    745. }
    746.  
    747. .art-button-wrapper.active .l, .art-button-wrapper.active .r
    748. {
    749.   top: -66px;
    750. }
    751.  
    752. .art-button-wrapper input
    753. {
    754.   float: none !important;
    755. }
    756. /* end Button */
    757.  
    758. /* begin Box, Block, VMenuBlock */
    759. .art-vmenublock
    760. {
    761.   position: relative;
    762.   z-index: 0;
    763.   margin: 0 auto;
    764.   min-width: 11px;
    765.   min-height: 11px;
    766. }
    767.  
    768. .art-vmenublock-body
    769. {
    770.   position: relative;
    771.   z-index: 1;
    772.   padding: 8px;
    773. }
    774.  
    775. .art-vmenublock-tr, .art-vmenublock-tl, .art-vmenublock-br, .art-vmenublock-bl, .art-vmenublock-tc, .art-vmenublock-bc,.art-vmenublock-cr, .art-vmenublock-cl
    776. {
    777.   position: absolute;
    778.   z-index: -1;
    779. }
    780.  
    781. .art-vmenublock-tr, .art-vmenublock-tl, .art-vmenublock-br, .art-vmenublock-bl
    782. {
    783.   width: 10px;
    784.   height: 10px;
    785.   background-image: url('../images/vmenublock_s.png');
    786. }
    787.  
    788. .art-vmenublock-tl
    789. {
    790.   top: 0;
    791.   left: 0;
    792.   clip: rect(auto, 5px, 5px, auto);
    793. }
    794.  
    795. .art-vmenublock-tr
    796. {
    797.   top: 0;
    798.   right: 0;
    799.   clip: rect(auto, auto, 5px, 5px);
    800. }
    801.  
    802. .art-vmenublock-bl
    803. {
    804.   bottom: 0;
    805.   left: 0;
    806.   clip: rect(5px, 5px, auto, auto);
    807. }
    808.  
    809. .art-vmenublock-br
    810. {
    811.   bottom: 0;
    812.   right: 0;
    813.   clip: rect(5px, auto, auto, 5px);
    814. }
    815.  
    816. .art-vmenublock-tc, .art-vmenublock-bc
    817. {
    818.   left: 5px;
    819.   right: 5px;
    820.   height: 10px;
    821.   background-image: url('../images/vmenublock_h.png');
    822. }
    823.  
    824. .art-vmenublock-tc
    825. {
    826.   top: 0;
    827.   clip: rect(auto, auto, 5px, auto);
    828. }
    829.  
    830. .art-vmenublock-bc
    831. {
    832.   bottom: 0;
    833.   clip: rect(5px, auto, auto, auto);
    834. }
    835.  
    836. .art-vmenublock-cr, .art-vmenublock-cl
    837. {
    838.   top: 5px;
    839.   bottom: 5px;
    840.   width: 10px;
    841.   background-image: url('../images/vmenublock_v.png');
    842. }
    843.  
    844. .art-vmenublock-cr
    845. {
    846.   right: 0;
    847.   clip: rect(auto, auto, auto, 5px);
    848. }
    849.  
    850. .art-vmenublock-cl
    851. {
    852.   left: 0;
    853.   clip: rect(auto, 5px, auto, auto);
    854. }
    855.  
    856. .art-vmenublock-cc
    857. {
    858.   position: absolute;
    859.   z-index: -1;
    860.   top: 5px;
    861.   left: 5px;
    862.   right: 5px;
    863.   bottom: 5px;
    864.   background-color: #F5E8B8;
    865. }
    866.  
    867. .art-vmenublock
    868. {
    869.   margin: 15px;
    870. }
    871.  
    872. /* end Box, Block, VMenuBlock */
    873.  
    874. /* begin BlockHeader, VMenuBlockHeader */
    875. .art-vmenublockheader
    876. {
    877.   position: relative;
    878.   z-index: 0;
    879.   height: 30px;
    880.   margin-bottom: 0;
    881. }
    882.  
    883. .art-vmenublockheader .t
    884. {
    885.   height: 30px;
    886.   color: #000000;
    887.   margin-right: 10px;
    888.   margin-left: 10px;
    889.   font-variant: small-caps;
    890.   font-size: 18px;
    891.   letter-spacing: -2px;
    892.   margin:0;
    893.   padding: 0 10px 0 16px;
    894.   white-space: nowrap;
    895.   line-height: 30px;   
    896. }
    897.  
    898. /* end BlockHeader, VMenuBlockHeader */
    899.  
    900. /* begin Box, Box, VMenuBlockContent */
    901. .art-vmenublockcontent
    902. {
    903.   position: relative;
    904.   z-index: 0;
    905.   margin: 0 auto;
    906.   min-width: 1px;
    907.   min-height: 1px;
    908. }
    909.  
    910. .art-vmenublockcontent-body
    911. {
    912.   position: relative;
    913.   z-index: 1;
    914.   padding: 0;
    915. }
    916.  
    917.  
    918. .art-vmenublockcontent
    919. {
    920.   position: relative;
    921.   z-index: 0;
    922.   margin: 0 auto;
    923.   min-width: 1px;
    924.   min-height: 1px;
    925. }
    926.  
    927. .art-vmenublockcontent-body
    928. {
    929.   position: relative;
    930.   z-index: 1;
    931.   padding: 0;
    932. }
    933.  
    934.  
    935. /* end Box, Box, VMenuBlockContent */
    936.  
    937. /* begin VMenu */
    938. ul.art-vmenu, ul.art-vmenu li
    939. {
    940.   list-style: none;
    941.   margin: 0;
    942.   padding: 0;
    943.   width: auto;
    944.   line-height: 0;
    945. }/* end VMenu */
    946.  
    947. /* begin VMenuItem */
    948. ul.art-vmenu a
    949. {
    950.   position: relative;
    951.   display: block;
    952.   overflow: hidden;
    953.   height: 26px;
    954.   cursor: pointer;
    955.   text-decoration: none;
    956. }
    957.  
    958. ul.art-vmenu li.art-vmenu-separator
    959. {
    960.   display: block;
    961.   padding: 0 0 0 0;
    962.   margin: 0;
    963.   font-size: 1px;
    964. }
    965.  
    966. ul.art-vmenu .art-vmenu-separator-span
    967. {
    968.   display: block;
    969.   padding: 0;
    970.   font-size: 1px;
    971.   height: 0;
    972.   line-height: 0;
    973.   border-top: solid 1px #C7BC8F;
    974. }
    975.  
    976. ul.art-vmenu a .r, ul.art-vmenu a .l
    977. {
    978.   position: absolute;
    979.   display: block;
    980.   top: 0;
    981.   z-index: -1;
    982.   height: 78px;
    983.   background-image: url('../images/vmenuitem.png');
    984. }
    985.  
    986. ul.art-vmenu a .l
    987. {
    988.   left: 0;
    989.   right: 17px;
    990. }
    991.  
    992. ul.art-vmenu a .r
    993. {
    994.   width: 914px;
    995.   right: 0;
    996.   clip: rect(auto, auto, auto, 897px);
    997. }
    998.  
    999. ul.art-vmenu a .t
    1000. {
    1001.   display: block;
    1002.   line-height: 26px;
    1003.   color: #221F11;
    1004.   padding: 0 10px 0 27px;
    1005.   font-weight: bold;
    1006.   margin-left:0;
    1007.   margin-right:0;
    1008. }
    1009.  
    1010. ul.art-vmenu a:hover .l, ul.art-vmenu a:hover .r
    1011. {
    1012.   top: -26px;
    1013. }
    1014.  
    1015. ul.art-vmenu a:hover .t
    1016. {
    1017.   color: #C3C8C1;
    1018. }
    1019.  
    1020. ul.art-vmenu a.active .l, ul.art-vmenu a.active .r
    1021. {
    1022.   top: -52px;
    1023. }
    1024.  
    1025. ul.art-vmenu a.active .t
    1026. {
    1027.   color: #B0B7AE;
    1028. }
    1029. /* end VMenuItem */
    1030.  
    1031. /* begin VMenuSubItem */
    1032. ul.art-vmenu ul, ul.art-vmenu ul li
    1033. {
    1034.   margin: 0;
    1035.   padding: 0;
    1036. }
    1037.  
    1038. ul.art-vmenu ul a
    1039. {
    1040.   display: block;
    1041.   white-space: nowrap;
    1042.   height: 20px;
    1043.   overflow: visible;
    1044.   background-image: url('../images/vsubitem.gif');
    1045.   background-position: 25px 0;
    1046.   background-repeat: repeat-x;
    1047.   padding-left: 25px;
    1048. }
    1049.  
    1050. ul.art-vmenu ul li
    1051. {
    1052.   padding: 0;
    1053. }
    1054.  
    1055. ul.art-vmenu ul span, ul.art-vmenu ul span span
    1056. {
    1057.   display: inline;
    1058.   float: none;
    1059.   margin: inherit;
    1060.   padding: inherit;
    1061.   background-image: none;
    1062.   text-align: inherit;
    1063.   text-decoration: inherit;
    1064. }
    1065.  
    1066. ul.art-vmenu ul a, ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:hover, ul.art-vmenu ul a:active, ul.art-vmenu ul span, ul.art-vmenu ul span span
    1067. {
    1068.   line-height: 20px;
    1069.   color: #695F35;
    1070.   font-size: 11px;
    1071.   margin-left: 0;
    1072. }
    1073.  
    1074. ul.art-vmenu ul
    1075. {
    1076.     margin:0 0 0 0;
    1077. }
    1078.  
    1079. ul.art-vmenu ul ul
    1080. {
    1081.   margin:0 0 0 0;
    1082. }
    1083.  
    1084. ul.art-vmenu ul li.art-vsubmenu-separator
    1085. {
    1086.   display: block;
    1087.   margin: 0;
    1088.   font-size: 1px;
    1089.   padding: 0 0 0 0;
    1090.  }
    1091.  
    1092. ul.art-vmenu ul li.art-vmenu-separator-first
    1093. {
    1094.     background:none;
    1095.     padding-bottom: 0;
    1096. }
    1097.  
    1098. ul.art-vmenu ul .art-vsubmenu-separator-span
    1099. {
    1100.   display: block;
    1101.   padding: 0;
    1102.   font-size: 1px;
    1103.   height: 0;
    1104.   line-height: 0;
    1105.   margin: 0;
    1106.   border: none;
    1107. }
    1108.  
    1109. ul.art-vmenu ul li li a
    1110. {
    1111.   background-position: 50px 0;
    1112.   padding-left: 50px;
    1113. }
    1114.  
    1115. ul.art-vmenu ul li li li a
    1116. {
    1117.   background-position: 75px 0;
    1118.   padding-left: 75px;
    1119. }
    1120.  
    1121. ul.art-vmenu ul li li li li a
    1122. {
    1123.   background-position: 100px 0;
    1124.   padding-left: 100px;
    1125. }
    1126.  
    1127. ul.art-vmenu ul li li li li li a
    1128. {
    1129.   background-position: 125px 0;
    1130.   padding-left: 125px;
    1131. }
    1132.  
    1133.  
    1134. ul.art-vmenu ul li a.active
    1135. {
    1136.   color: #FFFFFF;
    1137.   background-position: 25px -40px;
    1138. }
    1139.  
    1140. ul.art-vmenu ul li li a.active
    1141. {
    1142.   background-position: 50px -40px;
    1143. }
    1144.  
    1145. ul.art-vmenu ul li li li a.active
    1146. {
    1147.   background-position: 75px -40px;
    1148. }
    1149.  
    1150. ul.art-vmenu ul li li li li a.active
    1151. {
    1152.   background-position: 100px -40px;
    1153. }
    1154.  
    1155. ul.art-vmenu ul li li li li li a.active
    1156. {
    1157.   background-position: 125px -40px;
    1158. }
    1159.  
    1160.  
    1161.  
    1162. ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active
    1163. {
    1164.   color: #FBF6E4;
    1165.   background-position: 25px -20px;
    1166. }
    1167.  
    1168.  
    1169. ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active
    1170. {
    1171.   background-position: 50px -20px;
    1172. }
    1173.  
    1174. ul.art-vmenu ul li li li a:hover, ul.art-vmenu ul li li li a:hover.active
    1175. {
    1176.   background-position: 75px -20px;
    1177. }
    1178.  
    1179. ul.art-vmenu ul li li li li a:hover, ul.art-vmenu ul li li li li a:hover.active
    1180. {
    1181.   background-position: 100px -20px;
    1182. }
    1183.  
    1184. ul.art-vmenu ul li li li li li a:hover, ul.art-vmenu ul li li li li li a:hover.active
    1185. {
    1186.   background-position: 125px -20px;
    1187. }
    1188. /* end VMenuSubItem */
    1189.  
    1190. ...
    1191. ...

    Прошу извинить за "простыню",но половину убрал.
    Спасибо за помощь.
     
    cor44, 12.12.2010
    #1

  2. Наши спонсоры

     
  3. Offline

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

    Регистрация:
    11.12.2010
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    По-прежнему актуально. Решение не нашел.
     
    cor44, 14.12.2010
    #2
< на appleкриво отоброжается | Как выровнять модуль по центру и взять в рамку >

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

Загрузка...