Помогите сместить пункты меню в левую сторону?

Тема в разделе "Вопросы по работе с меню", создана пользователем лялялял, 15.03.2012.

  1. Offline

    лялялял Недавно здесь

    Регистрация:
    24.02.2012
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    Всем привет!

    Помогите пожалуйста сместить пункты меню в левую сторону, что бы было так же как в главном меню. Пробовал копировать главное меню в "менеджере меню" но это не помогло, у копии пункты всеравно смещаются на центр.

    Догадываюсь, что нужно что-то изменить в файле шаблона (template.css) но я не особо понимаю CSS.

    шаблон joomla - 123wd-j15-11


    код файла template.css (код файла немного неполный, так как этот форум не позволяет выкладывать более 20.000 сим.)

    Код (CODE):
    1. html {
    2.   height: 100%;
    3.   margin-bottom: 0px;
    4. }
    5.  
    6. form {
    7.   margin: 0;
    8.   padding: 0;
    9. }
    10.  
    11. img,table {
    12.     border: none;
    13. }
    14.  
    15. body {
    16.     font-family: Tahoma, Verdana, Arial, sans-serif;
    17.     line-height: 1.3em;
    18.     margin: 0;
    19.     padding: 0;
    20.     font-size: 11px;
    21.     color: #777; /* --------------- Изменение цвета текста в теле (материале) всех страниц сайта --------------- */
    22.     background: #fff;
    23. }
    24.  
    25. body.contentpane {
    26.     background: #FEFEFE;
    27. }
    28.  
    29. p {
    30.     margin-top: 0;
    31.     margin-bottom: 5px;
    32.     text-align: justify;
    33. }
    34.  
    35. a:link {
    36.     text-decoration: underline;
    37.     font-weight: 400;
    38.     color: #999;
    39.     outline: none;
    40. }
    41.  
    42. a:visited {
    43.     text-decoration: none;
    44.     color: #999;
    45. }
    46.  
    47. a:hover {
    48.     text-decoration: none;
    49.     font-weight: 400;
    50. }
    51.  
    52. input  {
    53.     color: #333;
    54.     padding: 2px;
    55.     outline: none;
    56.     margin: 0;
    57. }
    58.  
    59. input:focus {
    60.     outline: none;
    61. }
    62.  
    63. button {
    64.     color: #fff;
    65.     font-size: 11px;
    66.     border: none;
    67.     background: #696969;
    68.     cursor: pointer;
    69. }
    70.  
    71. .inputbox {
    72.     border: 1px solid #cfcfcf;
    73.     color: #666;
    74.     padding: 2px;
    75.     background: #fff;
    76. }
    77.  
    78. .inputbox:hover {
    79. }
    80.  
    81. #modlgn_remember.inputbox  {
    82.     background: none;
    83.     border: none;
    84.     width: auto;
    85. }
    86.  
    87. input.button, .validate  {
    88.     color: #fff;
    89.     font-size: 11px;
    90.     cursor: pointer;
    91.     font-weight: 700;
    92.     border: none;
    93.     background: url(../images/but.png) repeat-x top left;
    94. }
    95.  
    96. input.button:hover, .validate:hover  {
    97. }
    98.  
    99. #search {
    100.     float: right;
    101.     width: 216px;
    102.     height: 20px;
    103.     margin: 8px 0 0;
    104. }
    105.  
    106. #search .search .inputbox {
    107.     float: left;
    108.     background: #f2f2e9;
    109.     border: 1px solid #879910;
    110.     color: #a3b815;
    111.     font-size: 11px;
    112.     line-height: 14px;
    113.     width: 140px;
    114.     height: 14px;
    115.     padding: 2px 4px 2px 4px;
    116.     margin: 0;
    117. }
    118.  
    119. #search .search input.button {
    120.     float: right;
    121.     background: none;
    122.     border: none;
    123.     color: #fff;
    124.     cursor: pointer;
    125.     font-weight: 700;
    126.     width: 60px;
    127.     height: 16px;
    128. }
    129.  
    130. #search input.button:hover {
    131.     color: #f2f2e9;
    132. }
    133.  
    134. /*****************************************/
    135. /*** Template specific layout elements ***/
    136. /*****************************************/
    137.  
    138. #page_bg {
    139.     background: url(../images/bg.png) repeat center top;
    140. }
    141.  
    142. #heading {
    143.     position: relative;
    144.     width: 940px;
    145.     margin: 20px auto 0;
    146.     height: 41px;
    147. }
    148.  
    149. #positioning {
    150.     position: absolute;
    151.     top: 1px;
    152.     left: 0;
    153. }
    154.  
    155. #heading_left {
    156.     float: left;
    157.     width: 10px;
    158.     height: 44px;
    159.     background: url(../images/heading_left.png) no-repeat top left;
    160. }
    161.  
    162. #top {
    163.     float: left;
    164.     background: url(../images/heading_middle.png) repeat-x top left;
    165.     height: 41px;
    166. }
    167.  
    168. #heading_right{
    169.     float: left;
    170.     width: 18px;
    171.     height: 41px;
    172.     background: url(../images/heading_right.png) no-repeat top right;
    173. }
    174.  
    175. #top h1 {
    176.     margin: 0;
    177.     padding: 10px 0 0;
    178. }
    179.  
    180. #top h1 a, #top h1 a:link, #top h1 a:hover {
    181.     font-size: 24px;
    182.     font-family: Verdana, Arial, Tahoma, sans-serif;
    183.     line-height: normal;
    184.     color: #abbd1b;
    185.     text-decoration: none;
    186.     outline: none;
    187.     font-weight: 400;
    188. }
    189.  
    190. #wrapper {
    191.     width: 940px;
    192.     margin: 0 auto;
    193.     background: url(../images/content_middle.png) repeat-y top center;
    194. }
    195.  
    196. #content_top {
    197.     font-size: 0;
    198.     background: url(../images/content_top.png) no-repeat top center;
    199.     width: 940px;
    200.     margin: 0 auto;
    201.     height: 10px;
    202. }
    203.  
    204. #content_bottom {
    205.     font-size: 0;
    206.     background: url(../images/content_bottom.png) no-repeat bottom center;
    207.     width: 940px;
    208.     margin: 0 auto;
    209.     height: 10px;
    210. }
    211.  
    212. #pillmenu_bg {
    213.     position: absolute;
    214.     bottom: 0;
    215.     left: -4px;
    216.     background: url(../images/topmenu.png) no-repeat top left;
    217.     width: 928px;
    218.     height: 41px;
    219. }
    220.  
    221. #pillmenu {
    222.     bottom: 0;
    223.     left: -4px;
    224.     position: absolute;
    225.     width: 908px;
    226.     margin: 0 auto;
    227.     height: 35px;
    228.     padding: 0 10px;
    229. }
    230.  
    231. #pillmenu ul {
    232.     float: left;
    233.     margin: 0;
    234.     padding: 0;
    235.     list-style: none;
    236.     height: 35px;
    237.     width: 650px;
    238.     overflow: hidden;
    239. }
    240.  
    241. #pillmenu li {
    242.     float: left;
    243.     display: inline;
    244.     height: 35px;
    245.     padding: 0 14px 0 0;
    246. }
    247.  
    248. #pillmenu li a {
    249.     font-size: 12px;
    250.     color: #fff;
    251.     text-decoration: none;
    252.     font-weight: 700;
    253.     line-height: 36px;
    254.     padding: 4px 6px;
    255. }
    256.  
    257. #pillmenu li a:hover {
    258.     background: #fff;
    259.     color: #A3B815;
    260. }
    261.  
    262. #pillmenu li a#active_menu-nav {
    263.     text-decoration: underline;
    264. }
    265.  
    266. #header {
    267.     position: relative;
    268.     width: 900px;
    269.     margin: 0 auto;
    270.     height: 185px;
    271.     padding: 10px 10px 0 10px;
    272.     background: url(../images/headerimg.jpg) no-repeat top left;
    273. }
    274.  
    275. .boxes {
    276.     float: left;
    277.     width: 230px;
    278.     height: 146px;
    279.     margin: 0 10px 0 0;
    280. }
    281.  
    282. .boxes ul {
    283.     overflow: hidden;
    284.     height: 96px;
    285.     text-align: left;
    286.     margin: 0;
    287.     padding: 4px 10px;
    288.     list-style: none;
    289. }
    290.  
    291. .boxes ul li a {
    292.     text-decoration: none;
    293.     color: #555;
    294.     background: url(../images/menu_row.png) no-repeat center left;
    295.     padding: 0 0 0 10px;
    296.     height: 16px;
    297.     line-height: 16px;
    298. }
    299.  
    300. .boxes ul li a:hover {
    301.     color: #888;
    302.     text-decoration: underline;
    303. }
    304.  
    305. .boxes.orange ul li a {
    306.     background: url(../images/menu_row_orange.png) no-repeat center left;
    307. }
    308.  
    309. .boxes h3 {
    310.     background: url(../images/boxes_h3.png) no-repeat top left;
    311.     height: 28px;
    312.     line-height: 27px;
    313.     font-weight: 700;
    314.     color: #fff;
    315.     font-size: 11px;
    316.     padding: 0 10px;
    317. }
    318.  
    319. .boxes div.module {
    320.     background: url(../images/latest.png) no-repeat top left;
    321.     height: 146px;
    322. }
    323.  
    324. .boxes.orange div.module {
    325.     background: url(../images/popular.png) no-repeat top left;
    326.     height: 146px;
    327. }
    328.  
    329. .boxes div.module div, .boxes div.module div div, .boxes.orange div.module div, .boxes.orange div.module div div {
    330.     background: none;
    331.     margin: 0;
    332. }
    333.  
    334. .boxes div.module div div div, .boxes.orange div.module div div div {
    335.     width: auto;
    336.     padding: 0;
    337. }
    338.  
    339. #girl {
    340.     position: absolute;
    341.     top: -69px;
    342.     right: -108px;
    343.     width: 350px;
    344.     height: 230px;
    345.     background: url(../images/girl.png) no-repeat top left;
    346. }
    347.  
    348. #holder {
    349.     padding: 10px;
    350.     width: 920px;
    351.     margin: 0 auto;
    352. }
    353.  
    354. #leftcolumn, #rightcolumn {
    355.     float: left;
    356.     width: 200px;
    357.     margin: 0 10px 0 0;
    358. }
    359.  
    360. #rightcolumn {
    361.     margin: 0 0 0 10px;
    362. }
    363.  
    364. div#maincolumn {
    365.     float: left;
    366.     width: 500px;
    367. }
    368.  
    369. div#maincolumn_full {
    370.     float: left;
    371.     width: 710px;
    372. }
    373.  
    374. div.nopad {
    375.     overflow: hidden;
    376.     padding: 0;
    377. }
    378.  
    379. div.nopad ul {
    380.     clear: both;
    381. }
    382.  
    383. td.middle_pad {
    384.     width: 20px;
    385. }
    386.  
    387. #banner_l {
    388.     text-align: left;
    389.     padding: 0 0 0 24px;
    390. }
    391.  
    392. #footer {
    393.     width: 920px;
    394.     margin: 0 auto;
    395.     height: 40px;
    396.     text-align: center;
    397.     font-size: 11px;
    398.     color: #8b8b8b;
    399.     padding: 10px 0 0 0;
    400. }
    401.  
    402. #footer a {
    403.     color: #8b8b8b;
    404.     font-size: 11px;
    405.     text-decoration: none;
    406. }
    407.  
    408. #footer a:hover {
    409.     text-decoration: underline;
    410. }
    411.  
    412. a.footer123:link, a.footer123:visited {
    413.     color: #fefefe;
    414.     font-family: Tahoma, Arial, sans-serif;
    415.     text-decoration: none;
    416. }
    417. a.footer123:hover {
    418.     color: #fefefe;
    419.     font-family: Tahoma, Arial, sans-serif;
    420.     text-decoration: none;
    421. }
    422. #f123 {
    423.     text-align: right;
    424.     width: 100%;
    425.     margin: 0 auto;
    426.     font-family: Tahoma, Arial, sans-serif;
    427. }
    428. .f123 {
    429.     text-align: right;
    430.     font-family: Tahoma, Arial, sans-serif;
    431.     text-decoration: none;
    432. }
    433. .f123_bg {
    434.     background:url(../images/123_bg.png);
    435.     width:134px;
    436.     height:30px;
    437.     text-align:center;
    438.     padding: 0 3px;
    439. }
    440. .f123_1 {
    441.     display: block;
    442.     font-size: 10px;
    443.     font-family: Tahoma, Arial, sans-serif;
    444.     color: #666;
    445.     text-align: left;
    446.     padding: 0 0 2px 4px;
    447. }
    448.  
    449. a.link_123:link, a.link_123:visited {
    450.     font-size: 15px;
    451.     font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
    452.     color: #797979;
    453.     text-decoration:none;
    454.     font-weight: 700;
    455. }
    456. a.link_123:hover {
    457.     font-size: 15px;
    458.     font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
    459.     color: #797979;
    460.     text-decoration:none;
    461.     font-weight: 700;
    462. }
    463.  
    464. /*****************************************/
    465. /*** Joomla! specific content elements ***/
    466. /*****************************************/
    467.  
    468. div.offline {
    469.     background: #fffebb;
    470.     width: 100%;
    471.     position: absolute;
    472.     top: 0;
    473.     left: 0;
    474.     font-size: 1.2em;
    475.     padding: 5px;
    476. }
    477.  
    478. /* headers */
    479. div.componentheading {
    480.     height: 22px;
    481.     padding: 10px 0 0 4px;
    482.     color: #999;
    483. }
    484.  
    485. table.blog {
    486.    
    487. }
    488.  
    489. h1 {
    490.     padding: 0;
    491.     font-family: Tahoma, Arial, sans-serif;
    492.     font-size: 1.3em;
    493.     font-weight: 700;
    494.     vertical-align: bottom;
    495.     color: #777; /* --------------- Изменяет цвет заголовка H1 --------------- */
    496.     text-align: left;
    497.     width: 100%;
    498. }
    499.  
    500. h2, .contentheading {
    501.     padding: 0;
    502.     font-family: Tahoma, Verdana, Arial, sans-serif;
    503.     font-size: 11px;
    504.     vertical-align: middle;
    505.     color: #A5B815; /* --------------- Это зеленый цвет, который используется в шаблоне --------------- */
    506.     text-align: left;
    507.     font-weight: 700;
    508. }
    509.  
    510. h2, a.contentheading {
    511.     background: none;
    512.     border: none;
    513. }
    514.  
    515. table.contentpaneopen h3 {
    516.     margin-top: 25px;
    517. }
    518.  
    519. h4 {
    520.     font-family: Tahoma, Arial, sans-serif;
    521.     color: #333;
    522. }
    523.  
    524. h3, .componentheading, table.moduletable th, legend {
    525.     margin: 0;
    526.     font-family: Tahoma, Arial, sans-serif;
    527.     font-size: 14px;
    528.     text-align: left;
    529.     color: #738349;
    530.     padding: 0;
    531. }
    532. /* small text */
    533. .small {
    534.     font-size: 10px;
    535.     color: #999;
    536.     font-weight: 700;
    537.     text-align: left;
    538. }
    539.  
    540. .modifydate {
    541.     height: 20px;
    542.     vertical-align: bottom;
    543.     font-size: 10px;
    544.     color: #666;
    545.     text-align: right;
    546. }
    547.  
    548. .createdate {
    549.     vertical-align: top;
    550.     font-size: 11px;
    551.     color: #999;
    552.     padding-bottom: 8px;
    553. }
    554.  
    555. a.readon {
    556.     float: right;
    557.     background: url(../images/readon.png) no-repeat center left;
    558.     line-height: normal;
    559.     font-size: 11px;
    560.     padding: 0 0 0 14px;
    561.     color: #7c7c7c;
    562.     text-transform: lowercase;
    563.     text-decoration: none;
    564. }
    565.  
    566. a.readon:hover {
    567.     text-decoration: underline;
    568. }
    569.  
    570. /* form validation */
    571. .invalid { border-color: #ff0000; }
    572. label.invalid { color: #ff0000; }
    573.  
    574.  
    575. /** overlib **/
    576.  
    577. .ol-foreground {
    578.     background-color: #f1f1f1;
    579.     color: #333;
    580. }
    581.  
    582. .ol-background {
    583.     background-color: #f1f1f1;
    584.     color: #333;
    585. }
    586.  
    587. .ol-textfont {
    588.     font-family: Tahoma, Arial, sans-serif;
    589.     font-size: 10px;
    590. }
    591.  
    592. .ol-captionfont {
    593.     font-family: Tahoma, Arial, sans-serif;
    594.     font-size: 12px;
    595.     color: #f6f6f6;
    596.     font-weight: 700;
    597. }
    598. .ol-captionfont a {
    599.     background-color: #f1f1f1;
    600.     color: #333;
    601.     text-decoration: none;
    602.     font-size: 12px;
    603. }
    604.  
    605. .ol-closefont {}
    606.  
    607. /* menu links */
    608. a.mainlevel:link, a.mainlevel:visited {
    609.     padding-left: 5px;
    610. }
    611.  
    612. a.mainlevel:hover {
    613.  
    614. }
    615.  
    616. /* spacers */
    617. span.article_separator {
    618.     display: block;
    619.     height: 20px;
    620. }
    621.  
    622. .article_column {
    623.  
    624. }
    625.  
    626. .column_separator {
    627.    
    628. }
    629.  
    630. td.buttonheading {
    631.     text-align: right;
    632.     width: 0;
    633. }
    634.  
    635. .clr {
    636.     clear: both;
    637. }
    638.  
    639. table.blog span.article_separator {
    640.     display: block;
    641.     height: 20px;
    642. }
    643.  
    644.  
    645.  
    646. /* table of contents */
    647. table.contenttoc {
    648.   margin: 5px;
    649.   padding: 5px;
    650.   background: none;
    651. }
    652.  
    653. table.contenttoc td {
    654.   padding: 0 5px;
    655. }
    656.  
    657.  
    658. /* content tables */
    659. td.sectiontableheader {
    660.   color: #999;
    661.   font-weight: 700;
    662.   padding: 4px;
    663. }
    664.  
    665. tr.sectiontableentry1 td {
    666.     padding: 4px;
    667.     background: #f8f8f8;
    668. }
    669.  
    670. tr.sectiontableentry0 td,
    671. tr.sectiontableentry2 td {
    672.   padding: 4px;
    673. }
    674.  
    675. td.sectiontableentry0,
    676. td.sectiontableentry1,
    677. td.sectiontableentry2 {
    678.   padding: 3px;
    679.   color: #8e8e8e;
    680.   font-size: 11px;
    681. }
    682.  
    683.  
    684. /* content styles */
    685. .contentpaneopen, table.contentpane {
    686.     margin: 0;
    687.     padding: 0;
    688. }
    689.  
    690. table.contentpane td{
    691.     text-align: left;
    692. }
    693.  
    694. table.contentpane td.contentdescription {
    695.     width: 100%;
    696. }
    697.  
    698. table.contentpane  {
    699.     text-align: left;
    700.     float: left;
    701.     width: 100%;
    702.     margin: 8px;
    703. }
    704.  
    705. table.contentpane ul li a .category {
    706.     color: #FF8800;
    707. }
    708.  
    709. table.contentpane ul li {
    710.     color: #666;
    711. }
    712.  
    713. table.contentpaneopen {
    714.     margin: 0 4px;
    715.     border-collapse: collapse;
    716. }
    717.  
    718. table.contentpaneopen li {
    719.     margin-bottom: 5px;
    720. }
    721.  
    722. table.contentpaneopen fieldset {
    723.     border: 0;
    724.     border-top: 1px solid #669933;
    725. }
    726.  
    727. table.contentpaneopen h3 {
    728.     margin-top: 25px;
    729. }
    730.  
    731. table.contentpaneopen h4 {
    732.     font-family: Tahoma, Arial, sans-serif;
    733.     color: #669933;
    734. }
    735.  
    736. .highlight {
    737.     background-color: #fffebb;
    738. }
    739.  
    740. /* module control elements */
    741. table.user1user2 div.moduletable {
    742.     margin-bottom: 0px;
    743. }
    744.  
    745. div.moduletable, div.module {
    746.   margin-bottom: 25px;
    747. }
    748.  
    749. div.module_menu, div.module, div.module_text {
    750.     margin: 0;
    751.     padding: 0;
    752.     background: url(../images/box_middle.png) repeat-y top left;
    753. }
    754.  
    755. div.module_menu div, div.module div, div.module_text div {
    756.     background: url(../images/box_top.png) no-repeat top left;
    757. }
    758.  
    759. div.module_menu div div, div.module div div, div.module_text div div {
    760.     background: url(../images/box_bottom.png) no-repeat bottom left;
    761.     margin: 0 0 10px 0;
    762. }
    763.  
    764. div.module_menu div div div, div.module div div div, div.module_text div div div {
    765.     width: 200px;
    766.     margin: 0;
    767.     text-align: center;
    768.     padding: 1px 0 4px;
    769. }
    770.  
    771. div.module div div div div {
    772.     width: 160px;
    773. }
    774.  
    775. div.module_menu div div div div, div.module div div div div, div.module_text div div div div {
    776.     background: none;
    777. }
    778.  
    779. div.module_text div div div div {
    780.     text-align: left;
    781. }
    782.  
    783. div.module_text div div div div.bannergroup_text {
    784.     padding: 10px;
    785.     width: 160px;
    786. }
    787.  
    788. div.module_text div div div div.bannergroup_text div {
    789.     width: auto;
    790.     padding: 0 0 4px;
    791. }
    792.  
    793. div.module div div div form {
    794.     width: 180px;
    795.     margin: 0 auto;
    796.     text-align: center;
    797.     padding: 4px 0 0;
    798. }
    799.  
    800. div.module_menu ul {
    801.     list-style: none;
    802.     padding: 0;
    803. }
    804.  
    805. div.module_menu ul li{
    806.     margin: 0;
    807.     padding: 0;
    808. }
    809.  
    810. div.module_menu ul li a:link, div.module_menu ul li a:visited {
    811.     font-weight: 700;
    812.     background: transparent url(../images/blue/bullet2.jpg) top left no-repeat;
    813.     padding: 2px 0;
    814.     line-height: 24px;
    815. }
    816.  
    817. #leftcolumn div.module table ,#rightcolumn div.module table {
    818. }
    819.  
    820. #leftcolumn div.module table td ,#rightcolumn div.module table td {
    821.     padding: 0 6px 6px 0;
    822.     vertical-align: middle;
    823. }
    824.  
    825. #leftcolumn div.module table.poll {
    826.  
    827. }
    828.  
    829. #leftcolumn div.module table.poll td {
    830.     text-align: left;
    831. }
    832.  
    833. /* LEFT COL H3 */
    834. #leftcolumn h3, #rightcolumn h3 {  
    835.     background: url(../images/box_h3.png) repeat-x top left;
    836.     width: 186px;
    837.     margin: 0 auto;
    838.     height: 26px;
    839.     line-height: 23px;
    840.     padding: 1px 0 0 12px;
    841.     color: #a3b815;
    842.     font-size: 11px;
    843.     text-align: left;
    844.     font-weight: 700;
    845. }
    846.  
    847. #leftcolumn .moduletable_menu, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c,
    848. #rightcolumn .moduletable_menu, #rightcolumn .moduletable, #rightcolumn .moduletable_text, #rightcolumn .c {
    849.     margin: 0 0 16px 0;
    850.     padding: 0 0 8px 0;
    851. }
    852.  
    853. #leftcolumn ul.menu, #rightcolumn ul.menu {
    854.     width: 180px;
    855.     margin: 0 auto;
    856.     list-style: none;
    857.     text-align: left;
    858. }
    859.  
    860. #leftcolumn ul.menu li, #rightcolumn ul.menu li {
    861.     margin: 0;
    862.     padding: 0;
    863. }
    864.  
    865. #leftcolumn ul.menu li:hover, #rightcolumn ul.menu li:hover {
    866.  
    867. }
    868.  
    869. #leftcolumn ul.menu li ul li, #rightcolumn ul.menu li ul li{
    870.     border-bottom: none;
    871. }
    872.  
    873. /*LEFT COL LINK*/
    874. #leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
    875. #rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
    876.     font-weight: 400;
    877.     font-size: 11px;
    878.     line-height: 18px;
    879.     height: 18px;
    880.     padding: 0 0 0 10px;
    881.     text-decoration: none;
    882.     color: #8b8b8b;
    883.     background: url(../images/menu_row.png) center left no-repeat;
    884. }
    885.  
    886. #leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
    887.     text-decoration: underline;
    888. }
    889.  
    890. /*LEFT COL CURRENT LINK*/
    891. #leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,
    892. #rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
    893.     padding: 0 0 0 10px;
    894.     text-decoration: underline;
    895.     background: url(../images/menu_row.png) center left no-repeat;
    896. }
    897.  
    898. #leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
    899.    
    900. }
    901.  
    902. /*LEFT COL SUB LINK*/
    903. #leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
    904.     font-weight: 400;
    905.     font-size: 11px;
    906.     line-height: 18px;
    907.     height: 18px;
    908.     padding: 0 0 0 20px;
    909.     text-decoration: none;
    910.     color: #8b8b8b;
    911.     background: url(../images/submenu_row.png) center left no-repeat;
    912. }
    913.  
    914. #leftcolumn ul.menu li ul li#current a, #leftcolumn ul.menu li ul li#current a:link, #leftcolumn ul.menu li ul li#current a:visited, #leftcolumn ul.menu li ul li#current a:hover {
    915.     padding: 0 0 0 20px;
    916.     text-decoration: underline;
    917.     background: url(../images/submenu_row.png) center left no-repeat;
    918.  
    919. #leftcolumn ul.menu li.parent ul li a {
    920.     font-size: 11px;
    921.     font-weight: 400;
    922.     line-height: 18px;
    923.     height: 18px;
    924.     padding: 0 0 0 20px;
    925.     color: #8b8b8b;
    926.     background: url(../images/submenu_row.png) center left no-repeat;
    927.     text-decoration: none;
    928. }
    929.  
    930. #leftcolumn ul.menu li.parent ul li a:hover {
    931.     text-decoration: underline;
    932. }
    933.  
    934. /*SUBMENU POSITION*/
    935. #leftcolumn ul.menu li#current ul {
    936.     margin: 0;
    937.     padding: 0;
    938. }
    939.  
    940. #leftcolumn ul.menu li#current ul li {
    941.     margin: 0;
    942.     padding: 0;
    943. }
    944.  
    945. /*CURRENT SUBMENU POSITION*/
    946. #leftcolumn ul.menu li ul {
    947.     margin: 0;
    948.     padding: 0;
    949. }
    950.  
    951. #leftcolumn ul.menu li#current ul li a:hover {
    952.     text-decoration: underline;
    953. }
    954.  
    955. #leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
    956.     list-style: none;
    957. }
    958.  
    959. /* forms */
    960. #leftcolumn .moduletable ul, #rightcolumn .moduletable ul {
    961.     margin: 6px 0;
    962.     padding: 0;
    963.     list-style: none;
    964. }
    965.  
    966. #leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
    967.     margin: 0;
    968.     padding: 0 2px;
    969. }
    970.  
    971. table.adminform textarea {
    972.   width: 540px;
    973.   height: 400px;
    974.   font-size: 1em;
    975.   color: #000099;
    976. }
    977.  
    978. form#form-login fieldset {
    979.     border: 0 none;
    980.     margin-top: 0;
    981.     padding: 0;
    982.     text-align: left;
    983. }
    984.  
    985. form#form-login ul {
    986.     padding: 0;
    987.     list-style: none;
    988.     text-align: left;
    989.     width: 180px;
    990.     margin: 10px auto 0;
    991. }
    992.  
    993. form#form-login ul li {
    994.     padding: 0;
    995. }
    996.  
    997. form#form-login ul li a {
    998.     text-align: left;
    999.     padding: 0;
    1000.     font-size: 11px;
    1001.     color: #8e8e8e;
    1002.     text-decoration: none;
    1003. }
    1004.  
    1005. form#form-login ul li a:hover {
    1006.     text-decoration: underline;
    1007. }
    1008.  
    1009. /* thumbnails */
    1010. div.mosimage         {  margin: 5px; }
    1011. div.mosimage_caption {  font-size: .90em; color: #333; }
    1012.  
    1013. div.caption       { padding: 0 10px 0 10px; }
    1014. div.caption img   { border: 1px solid #CCC; }
    1015. div.caption p     { font-size: .90em; color: #333; text-align: center; }
    1016.  
    1017. /* Parameter Table */
    1018. table.paramlist {
    1019.     margin-top: 5px;
    1020. }
    1021.  
    1022. table.paramlist td.paramlist_key {
    1023.     width: 128px;
    1024.     text-align: left;
    1025.     height: 30px;
    1026. }
    1027.  
    1028. table.paramlist td.paramlist_value {
    1029. }
    1030.  
    1031. div.message {
    1032.     font-family: Tahoma, Arial, sans-serif;
    1033.     font-weight: 700;
    1034.     font-size : 14px;
    1035.     color : #c30;
    1036.     text-align: center;
    1037.     width: auto;
    1038.     background-color: #f9f9f9;
    1039.     border: solid 1px #d5d5d5;
    1040.     margin: 3px 0px 10px;
    1041.     padding: 3px 20px;
    1042. }
     
  2.  
  3. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Лучше дайте ссылку на сайт если есть.
     
  4. Offline

    лялялял Недавно здесь

    Регистрация:
    24.02.2012
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    Сайт: PARFUMтиреDIOR.RU - (пишу так, потому-что еще рано делать сайт видимым для поисковиков)
     
    Последнее редактирование: 15.03.2012
  5. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Опера показывает вот что

    ul {
    display: block;
    list-style-position: outside;
    list-style-type: disc;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-left: 40px;
    }

    где то прописано padding-left: 40px;
     
  6. Offline

    лялялял Недавно здесь

    Регистрация:
    24.02.2012
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    в файле template.css такого нет (он расположен тут /templates/123wd-j15-11/css/template.css)
    и в коде страниц тоже такого нет, может за позиционирование пунктов в меню отвечает другой файл?
     
  7. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Пропишите для модулей где пункты смещаются класс module_menu
     
  8. Offline

    лялялял Недавно здесь

    Регистрация:
    24.02.2012
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    идею я уловил, но в коде div.module и div.module_menu встречаются во многих местах, как мне понять в каком месте пункты смещаются, как прописать им класс module_menu ?
     
  9. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Используйте firebug, или Opera Dragonfly, там все видно.
    <div class="module_menu">пункты не смещаются.
    <div class="module">смещаются.
     
  10. Offline

    лялялял Недавно здесь

    Регистрация:
    24.02.2012
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    Решение найдено!
    на другом форуме мне подсказали сделать так:
    Нужно в настройках модуля меню "Ваше меню" во вкладке "Расширенные параметры" (правая часть экрана), в поле Суффикс класса модуля вписать _menu

    теперь все в порядке!

    спасибо!
     

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

Загрузка...