Всем привет! Помогите пожалуйста сместить пункты меню в левую сторону, что бы было так же как в главном меню. Пробовал копировать главное меню в "менеджере меню" но это не помогло, у копии пункты всеравно смещаются на центр. Догадываюсь, что нужно что-то изменить в файле шаблона (template.css) но я не особо понимаю CSS. шаблон joomla - 123wd-j15-11 код файла template.css (код файла немного неполный, так как этот форум не позволяет выкладывать более 20.000 сим.) Код (CODE): html { height: 100%; margin-bottom: 0px; } form { margin: 0; padding: 0; } img,table { border: none; } body { font-family: Tahoma, Verdana, Arial, sans-serif; line-height: 1.3em; margin: 0; padding: 0; font-size: 11px; color: #777; /* --------------- Изменение цвета текста в теле (материале) всех страниц сайта --------------- */ background: #fff; } body.contentpane { background: #FEFEFE; } p { margin-top: 0; margin-bottom: 5px; text-align: justify; } a:link { text-decoration: underline; font-weight: 400; color: #999; outline: none; } a:visited { text-decoration: none; color: #999; } a:hover { text-decoration: none; font-weight: 400; } input { color: #333; padding: 2px; outline: none; margin: 0; } input:focus { outline: none; } button { color: #fff; font-size: 11px; border: none; background: #696969; cursor: pointer; } .inputbox { border: 1px solid #cfcfcf; color: #666; padding: 2px; background: #fff; } .inputbox:hover { } #modlgn_remember.inputbox { background: none; border: none; width: auto; } input.button, .validate { color: #fff; font-size: 11px; cursor: pointer; font-weight: 700; border: none; background: url(../images/but.png) repeat-x top left; } input.button:hover, .validate:hover { } #search { float: right; width: 216px; height: 20px; margin: 8px 0 0; } #search .search .inputbox { float: left; background: #f2f2e9; border: 1px solid #879910; color: #a3b815; font-size: 11px; line-height: 14px; width: 140px; height: 14px; padding: 2px 4px 2px 4px; margin: 0; } #search .search input.button { float: right; background: none; border: none; color: #fff; cursor: pointer; font-weight: 700; width: 60px; height: 16px; } #search input.button:hover { color: #f2f2e9; } /*****************************************/ /*** Template specific layout elements ***/ /*****************************************/ #page_bg { background: url(../images/bg.png) repeat center top; } #heading { position: relative; width: 940px; margin: 20px auto 0; height: 41px; } #positioning { position: absolute; top: 1px; left: 0; } #heading_left { float: left; width: 10px; height: 44px; background: url(../images/heading_left.png) no-repeat top left; } #top { float: left; background: url(../images/heading_middle.png) repeat-x top left; height: 41px; } #heading_right{ float: left; width: 18px; height: 41px; background: url(../images/heading_right.png) no-repeat top right; } #top h1 { margin: 0; padding: 10px 0 0; } #top h1 a, #top h1 a:link, #top h1 a:hover { font-size: 24px; font-family: Verdana, Arial, Tahoma, sans-serif; line-height: normal; color: #abbd1b; text-decoration: none; outline: none; font-weight: 400; } #wrapper { width: 940px; margin: 0 auto; background: url(../images/content_middle.png) repeat-y top center; } #content_top { font-size: 0; background: url(../images/content_top.png) no-repeat top center; width: 940px; margin: 0 auto; height: 10px; } #content_bottom { font-size: 0; background: url(../images/content_bottom.png) no-repeat bottom center; width: 940px; margin: 0 auto; height: 10px; } #pillmenu_bg { position: absolute; bottom: 0; left: -4px; background: url(../images/topmenu.png) no-repeat top left; width: 928px; height: 41px; } #pillmenu { bottom: 0; left: -4px; position: absolute; width: 908px; margin: 0 auto; height: 35px; padding: 0 10px; } #pillmenu ul { float: left; margin: 0; padding: 0; list-style: none; height: 35px; width: 650px; overflow: hidden; } #pillmenu li { float: left; display: inline; height: 35px; padding: 0 14px 0 0; } #pillmenu li a { font-size: 12px; color: #fff; text-decoration: none; font-weight: 700; line-height: 36px; padding: 4px 6px; } #pillmenu li a:hover { background: #fff; color: #A3B815; } #pillmenu li a#active_menu-nav { text-decoration: underline; } #header { position: relative; width: 900px; margin: 0 auto; height: 185px; padding: 10px 10px 0 10px; background: url(../images/headerimg.jpg) no-repeat top left; } .boxes { float: left; width: 230px; height: 146px; margin: 0 10px 0 0; } .boxes ul { overflow: hidden; height: 96px; text-align: left; margin: 0; padding: 4px 10px; list-style: none; } .boxes ul li a { text-decoration: none; color: #555; background: url(../images/menu_row.png) no-repeat center left; padding: 0 0 0 10px; height: 16px; line-height: 16px; } .boxes ul li a:hover { color: #888; text-decoration: underline; } .boxes.orange ul li a { background: url(../images/menu_row_orange.png) no-repeat center left; } .boxes h3 { background: url(../images/boxes_h3.png) no-repeat top left; height: 28px; line-height: 27px; font-weight: 700; color: #fff; font-size: 11px; padding: 0 10px; } .boxes div.module { background: url(../images/latest.png) no-repeat top left; height: 146px; } .boxes.orange div.module { background: url(../images/popular.png) no-repeat top left; height: 146px; } .boxes div.module div, .boxes div.module div div, .boxes.orange div.module div, .boxes.orange div.module div div { background: none; margin: 0; } .boxes div.module div div div, .boxes.orange div.module div div div { width: auto; padding: 0; } #girl { position: absolute; top: -69px; right: -108px; width: 350px; height: 230px; background: url(../images/girl.png) no-repeat top left; } #holder { padding: 10px; width: 920px; margin: 0 auto; } #leftcolumn, #rightcolumn { float: left; width: 200px; margin: 0 10px 0 0; } #rightcolumn { margin: 0 0 0 10px; } div#maincolumn { float: left; width: 500px; } div#maincolumn_full { float: left; width: 710px; } div.nopad { overflow: hidden; padding: 0; } div.nopad ul { clear: both; } td.middle_pad { width: 20px; } #banner_l { text-align: left; padding: 0 0 0 24px; } #footer { width: 920px; margin: 0 auto; height: 40px; text-align: center; font-size: 11px; color: #8b8b8b; padding: 10px 0 0 0; } #footer a { color: #8b8b8b; font-size: 11px; text-decoration: none; } #footer a:hover { text-decoration: underline; } a.footer123:link, a.footer123:visited { color: #fefefe; font-family: Tahoma, Arial, sans-serif; text-decoration: none; } a.footer123:hover { color: #fefefe; font-family: Tahoma, Arial, sans-serif; text-decoration: none; } #f123 { text-align: right; width: 100%; margin: 0 auto; font-family: Tahoma, Arial, sans-serif; } .f123 { text-align: right; font-family: Tahoma, Arial, sans-serif; text-decoration: none; } .f123_bg { background:url(../images/123_bg.png); width:134px; height:30px; text-align:center; padding: 0 3px; } .f123_1 { display: block; font-size: 10px; font-family: Tahoma, Arial, sans-serif; color: #666; text-align: left; padding: 0 0 2px 4px; } a.link_123:link, a.link_123:visited { font-size: 15px; font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif; color: #797979; text-decoration:none; font-weight: 700; } a.link_123:hover { font-size: 15px; font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif; color: #797979; text-decoration:none; font-weight: 700; } /*****************************************/ /*** Joomla! specific content elements ***/ /*****************************************/ div.offline { background: #fffebb; width: 100%; position: absolute; top: 0; left: 0; font-size: 1.2em; padding: 5px; } /* headers */ div.componentheading { height: 22px; padding: 10px 0 0 4px; color: #999; } table.blog { } h1 { padding: 0; font-family: Tahoma, Arial, sans-serif; font-size: 1.3em; font-weight: 700; vertical-align: bottom; color: #777; /* --------------- Изменяет цвет заголовка H1 --------------- */ text-align: left; width: 100%; } h2, .contentheading { padding: 0; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; vertical-align: middle; color: #A5B815; /* --------------- Это зеленый цвет, который используется в шаблоне --------------- */ text-align: left; font-weight: 700; } h2, a.contentheading { background: none; border: none; } table.contentpaneopen h3 { margin-top: 25px; } h4 { font-family: Tahoma, Arial, sans-serif; color: #333; } h3, .componentheading, table.moduletable th, legend { margin: 0; font-family: Tahoma, Arial, sans-serif; font-size: 14px; text-align: left; color: #738349; padding: 0; } /* small text */ .small { font-size: 10px; color: #999; font-weight: 700; text-align: left; } .modifydate { height: 20px; vertical-align: bottom; font-size: 10px; color: #666; text-align: right; } .createdate { vertical-align: top; font-size: 11px; color: #999; padding-bottom: 8px; } a.readon { float: right; background: url(../images/readon.png) no-repeat center left; line-height: normal; font-size: 11px; padding: 0 0 0 14px; color: #7c7c7c; text-transform: lowercase; text-decoration: none; } a.readon:hover { text-decoration: underline; } /* form validation */ .invalid { border-color: #ff0000; } label.invalid { color: #ff0000; } /** overlib **/ .ol-foreground { background-color: #f1f1f1; color: #333; } .ol-background { background-color: #f1f1f1; color: #333; } .ol-textfont { font-family: Tahoma, Arial, sans-serif; font-size: 10px; } .ol-captionfont { font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #f6f6f6; font-weight: 700; } .ol-captionfont a { background-color: #f1f1f1; color: #333; text-decoration: none; font-size: 12px; } .ol-closefont {} /* menu links */ a.mainlevel:link, a.mainlevel:visited { padding-left: 5px; } a.mainlevel:hover { } /* spacers */ span.article_separator { display: block; height: 20px; } .article_column { } .column_separator { } td.buttonheading { text-align: right; width: 0; } .clr { clear: both; } table.blog span.article_separator { display: block; height: 20px; } /* table of contents */ table.contenttoc { margin: 5px; padding: 5px; background: none; } table.contenttoc td { padding: 0 5px; } /* content tables */ td.sectiontableheader { color: #999; font-weight: 700; padding: 4px; } tr.sectiontableentry1 td { padding: 4px; background: #f8f8f8; } tr.sectiontableentry0 td, tr.sectiontableentry2 td { padding: 4px; } td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { padding: 3px; color: #8e8e8e; font-size: 11px; } /* content styles */ .contentpaneopen, table.contentpane { margin: 0; padding: 0; } table.contentpane td{ text-align: left; } table.contentpane td.contentdescription { width: 100%; } table.contentpane { text-align: left; float: left; width: 100%; margin: 8px; } table.contentpane ul li a .category { color: #FF8800; } table.contentpane ul li { color: #666; } table.contentpaneopen { margin: 0 4px; border-collapse: collapse; } table.contentpaneopen li { margin-bottom: 5px; } table.contentpaneopen fieldset { border: 0; border-top: 1px solid #669933; } table.contentpaneopen h3 { margin-top: 25px; } table.contentpaneopen h4 { font-family: Tahoma, Arial, sans-serif; color: #669933; } .highlight { background-color: #fffebb; } /* module control elements */ table.user1user2 div.moduletable { margin-bottom: 0px; } div.moduletable, div.module { margin-bottom: 25px; } div.module_menu, div.module, div.module_text { margin: 0; padding: 0; background: url(../images/box_middle.png) repeat-y top left; } div.module_menu div, div.module div, div.module_text div { background: url(../images/box_top.png) no-repeat top left; } div.module_menu div div, div.module div div, div.module_text div div { background: url(../images/box_bottom.png) no-repeat bottom left; margin: 0 0 10px 0; } div.module_menu div div div, div.module div div div, div.module_text div div div { width: 200px; margin: 0; text-align: center; padding: 1px 0 4px; } div.module div div div div { width: 160px; } div.module_menu div div div div, div.module div div div div, div.module_text div div div div { background: none; } div.module_text div div div div { text-align: left; } div.module_text div div div div.bannergroup_text { padding: 10px; width: 160px; } div.module_text div div div div.bannergroup_text div { width: auto; padding: 0 0 4px; } div.module div div div form { width: 180px; margin: 0 auto; text-align: center; padding: 4px 0 0; } div.module_menu ul { list-style: none; padding: 0; } div.module_menu ul li{ margin: 0; padding: 0; } div.module_menu ul li a:link, div.module_menu ul li a:visited { font-weight: 700; background: transparent url(../images/blue/bullet2.jpg) top left no-repeat; padding: 2px 0; line-height: 24px; } #leftcolumn div.module table ,#rightcolumn div.module table { } #leftcolumn div.module table td ,#rightcolumn div.module table td { padding: 0 6px 6px 0; vertical-align: middle; } #leftcolumn div.module table.poll { } #leftcolumn div.module table.poll td { text-align: left; } /* LEFT COL H3 */ #leftcolumn h3, #rightcolumn h3 { background: url(../images/box_h3.png) repeat-x top left; width: 186px; margin: 0 auto; height: 26px; line-height: 23px; padding: 1px 0 0 12px; color: #a3b815; font-size: 11px; text-align: left; font-weight: 700; } #leftcolumn .moduletable_menu, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c, #rightcolumn .moduletable_menu, #rightcolumn .moduletable, #rightcolumn .moduletable_text, #rightcolumn .c { margin: 0 0 16px 0; padding: 0 0 8px 0; } #leftcolumn ul.menu, #rightcolumn ul.menu { width: 180px; margin: 0 auto; list-style: none; text-align: left; } #leftcolumn ul.menu li, #rightcolumn ul.menu li { margin: 0; padding: 0; } #leftcolumn ul.menu li:hover, #rightcolumn ul.menu li:hover { } #leftcolumn ul.menu li ul li, #rightcolumn ul.menu li ul li{ border-bottom: none; } /*LEFT COL LINK*/ #leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link, #rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link { font-weight: 400; font-size: 11px; line-height: 18px; height: 18px; padding: 0 0 0 10px; text-decoration: none; color: #8b8b8b; background: url(../images/menu_row.png) center left no-repeat; } #leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover { text-decoration: underline; } /*LEFT COL CURRENT LINK*/ #leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link, #rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link { padding: 0 0 0 10px; text-decoration: underline; background: url(../images/menu_row.png) center left no-repeat; } #leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover { } /*LEFT COL SUB LINK*/ #leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link { font-weight: 400; font-size: 11px; line-height: 18px; height: 18px; padding: 0 0 0 20px; text-decoration: none; color: #8b8b8b; background: url(../images/submenu_row.png) center left no-repeat; } #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 { padding: 0 0 0 20px; text-decoration: underline; background: url(../images/submenu_row.png) center left no-repeat; #leftcolumn ul.menu li.parent ul li a { font-size: 11px; font-weight: 400; line-height: 18px; height: 18px; padding: 0 0 0 20px; color: #8b8b8b; background: url(../images/submenu_row.png) center left no-repeat; text-decoration: none; } #leftcolumn ul.menu li.parent ul li a:hover { text-decoration: underline; } /*SUBMENU POSITION*/ #leftcolumn ul.menu li#current ul { margin: 0; padding: 0; } #leftcolumn ul.menu li#current ul li { margin: 0; padding: 0; } /*CURRENT SUBMENU POSITION*/ #leftcolumn ul.menu li ul { margin: 0; padding: 0; } #leftcolumn ul.menu li#current ul li a:hover { text-decoration: underline; } #leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul { list-style: none; } /* forms */ #leftcolumn .moduletable ul, #rightcolumn .moduletable ul { margin: 6px 0; padding: 0; list-style: none; } #leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li { margin: 0; padding: 0 2px; } table.adminform textarea { width: 540px; height: 400px; font-size: 1em; color: #000099; } form#form-login fieldset { border: 0 none; margin-top: 0; padding: 0; text-align: left; } form#form-login ul { padding: 0; list-style: none; text-align: left; width: 180px; margin: 10px auto 0; } form#form-login ul li { padding: 0; } form#form-login ul li a { text-align: left; padding: 0; font-size: 11px; color: #8e8e8e; text-decoration: none; } form#form-login ul li a:hover { text-decoration: underline; } /* thumbnails */ div.mosimage { margin: 5px; } div.mosimage_caption { font-size: .90em; color: #333; } div.caption { padding: 0 10px 0 10px; } div.caption img { border: 1px solid #CCC; } div.caption p { font-size: .90em; color: #333; text-align: center; } /* Parameter Table */ table.paramlist { margin-top: 5px; } table.paramlist td.paramlist_key { width: 128px; text-align: left; height: 30px; } table.paramlist td.paramlist_value { } div.message { font-family: Tahoma, Arial, sans-serif; font-weight: 700; font-size : 14px; color : #c30; text-align: center; width: auto; background-color: #f9f9f9; border: solid 1px #d5d5d5; margin: 3px 0px 10px; padding: 3px 20px; }
Опера показывает вот что ul { display: block; list-style-position: outside; list-style-type: disc; margin-bottom: 1em; margin-top: 1em; padding-left: 40px; } где то прописано padding-left: 40px;
в файле template.css такого нет (он расположен тут /templates/123wd-j15-11/css/template.css) и в коде страниц тоже такого нет, может за позиционирование пунктов в меню отвечает другой файл?
идею я уловил, но в коде div.module и div.module_menu встречаются во многих местах, как мне понять в каком месте пункты смещаются, как прописать им класс module_menu ?
Используйте firebug, или Opera Dragonfly, там все видно. <div class="module_menu">пункты не смещаются. <div class="module">смещаются.
Решение найдено! на другом форуме мне подсказали сделать так: Нужно в настройках модуля меню "Ваше меню" во вкладке "Расширенные параметры" (правая часть экрана), в поле Суффикс класса модуля вписать _menu теперь все в порядке! спасибо!