Уважаемый специалисты! Помогите пожалуйста решить проблему. Недавно начала писать сайт с помощью Joomla, взяла шаблон, а теперь хочу убрать маркеры в меню слева, и сделать как бы в виде строк, но совсем не могу разобраться с кодом, что нужно удалить, а что нужно дописать. Я понимаю, что может такая тема уже была, просто перерыла много чего, советуют добавить list-style:none; но толи я не туда добавляю, толи не то, потому что не получается все таки сделать нормальную менюшку
body {
text-align: center; /* required for centering the page in IE */
margin: 0px;
padding: 0px;
background-image: url("../images/cp_bg.png");
background-repeat: repeat-x;
font-family: Arial, sans-serif;
font-size: 10px;
color: #333333;
line-height:20px;
}
h1, h2, h3, h4, p, ul, li {
margin: 0px;
padding: 0px;
font: 12px Arial,sans-serif;
}
h1,h2,h3,.componentheading, .contentheading{font: 20px "Trebuchet MS",Arial,sans-serif; font-weight:bold;color:
#8A1714;}
h2, h3{font-size:160%}
html, body {
height: 100%;
width: 100%;
}
a:link , a:visited{
text-decoration: underline;
color: #8A1714;
}
a:hover {
text-decoration: none;
color: #003366;
}
#topMod {
background-color:#f2f2f2;
width: 610px;
float:right;
margin-top: 25px;
margin-right: 25px;
padding-bottom: 10px;
padding-left: 24px;
padding-top:10px;
border: 1px solid #CCCCCC;
}
#latest {
width:250px;
float:left}
#fire {
width:280px;
float:right;
}
#referal {
margin-left:12px;
padding-bottom:18px;
padding-top:10px;
}
#wrapper {
position:static;
width: 877px;
margin: 0 auto; /* centering the page */
text-align: left;
}
#header {
position:static;
height: 118px;
background-image:url("../images/head.png")
}
#Menu{
position:static;
background-image:url("../images/menu.png");
width: 877px;
height:28px;
}
#container {
background-image:url("../images/body.png");
background-repeat: repeat-y;
}
#innerContainer {
margin-right: 12px;
margin-left: 12px;
height:100%;
}
#FlashHeadpiece {
background: #F2F2F2 url("../images/header_photos/header-photo_1.jpg") no-repeat;
width: 853px;
height: 150px;
border-bottom-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
}
#left {
float: left;
width: 166px;
height:100%;
position:relative;
/* padding-bottom: 184px;
background-image:url(../images/jb.png);
background-position:bottom;
background-repeat:repeat-x;
*/
}
#leftInner{
font: 90% Arial,sans-serif;
padding-left: 8px;
}
.latestnews, .mostread{
font: 12px Arial,sans-serif;
list-style-type:none;
}
li.mostread, li.latestnews{
padding-bottom:5px;
}
#content {
width: 651px;
float:right;
padding-top: 10px;
padding-right: 17px;
padding-bottom: 5px;
padding-left: 14px;
}
#content p {
line-height:20px;
font: 12px;
}
#content ul{
list-style-type: none;
}
#content li, #topMod li{
line-height:20px;
font-size: 12px;
padding-left:14px;
background-image: url("../images/bluearrowbullet.png");
background-repeat: no-repeat;
background-position: left 1px;
}
#content .button{
color:#363636;
}
#content .button:hover {
color:#fff;
}
#content .moduletable {
padding-bottom:5px;
}
#clear {
height: 0px;
clear:both;
}
.clear {
clear: both;
display: block;
height: 1px;
overflow: hidden;
margin: 0;
padding: 0;
}
#footer {
height: 50px;
clear:both;
text-align:center;
background-image:url("../images/footer.png") }
/*Horizontal Nav*/
ul#nav,ul#nav li{
list-style-type:none;
margin:0;
}
ul#nav{
margin-left: 36px;
font-size: 12px;
}
ul#nav li{
float:left;
margin-right: 1px;
font-size: 12px;
text-align: center;
display: inline;
vertical-align: middle;
}
ul#nav a{
float:left;
height: 26px;
line-height: 26px;
text-decoration:none;
color: #000;
font-weight: bold;
padding-left:15px;
padding-right:15px;
}
ul#nav a:hover {
color: #fff;
background-repeat: repeat-x;
background-position: 0px;
background-image: url("../images/buttonhover.png");
background-color: #3399CC;
}
ul#nav li.activelink a,ul#nav li.activelink a:hover{color: #fff;background-image: url("../images/buttonhover.png");
background-color: #3399CC;}
#nav a:link#active_menu-nav, #nav a:visited#active_menu-nav{color: #fff;background-image:
url("../images/buttonhover.png"); background-color: #3399CC;}
/*Vertical Nav*/
#mainlevel { width: 160px; list-style-type: none;text-indent: 5px; }
#mainlevel ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
ul#mainlevel a
{
display: block;
padding: 3px;
width: 160px;
background-color: #F2F2F2;
border-bottom: 1px solid #ccc;
}
ul#mainlevel a:link, ul#mainlevel a:visited
{
color: #000;
text-decoration: none;
font-weight: bold;
background-image:url("../images/vertnavbutton.png");
background-repeat:repeat-x;
}
ul#mainlevel a:hover
{
background-color: #8A1714;
color: #fff;
background-image:none;
}
ul#mainlevel a:link#active_menu, ul#mainlevel a:visited#active_menu
{
background-image:none;
background-color: #8A1714;;
color: #fff;
}
/* default */
.adminform {
}
.article_seperator {
}
.back_button {
}
.blog {
}
.blog_more {
}
.blogsection {
}
.button {
}
.buttonheading {
}
.category {
}
.clip {
}
.componentheading {
font-family: "Trebuchet MS",Tahoma, Verdana, Arial;
font-size: 20px;
font-weight: bold;
color: #8A1714;
padding-top: 5px;
padding-bottom:10px;
}
.contact_email {
}
.content_rating {
}
.content_vote {
}
.contentdescription {
}
.contentheading {
font-family: "Trebuchet MS".Tahoma, Verdana, Arial;
font-size: 20px;
font-weight: bold;
color: #8A1714;
padding-bottom:10px;
}
.contentpagetitle {
}
.contentpane {
}
.contentpaneopen {
}
.contenttoc {
}
.createdate {
}
.dtree {
}
.dTreeNode {
}
.editlinktip {
}
.expander {
}
.highlight {
}
.inputbox {
}
.item {
}
.message {
}
.message {
}
.modifydate {
}
.module {
}
#leftInner .moduletable {
padding-bottom:5px;
}
.mosimage {
}
.mosimage_caption {
}
.mostread {
}
.newsfeed {
}
.node {
}
.pagenav {
}
.pagenav_next {
}
.pagenav_prev {
}
.pagenavbar {
}
.pagenavcounter {
}
.paramlist {
}
.pathway {
}
.poll {
}
.pollstableborder {
}
.profiler {
}
.readon {
}
.row1 {
}
.row2 {
}
.search {
padding-top:10px;
padding-bottom:5px;
}
.searchintro {
}
.sectiontableentry1 {
}
.sectiontableentry2 {
}
.sectiontablefooter {
}
.sectiontableheader {
}
.small {
}
.smalldark {
}
.syndicate {
}
.syndicate_text {
}
.tab {
}
.tabclass1 {
}
.tabclass2 {
}
.tab-page {
}
.text_area {
}
.toclink {
}
.toolbar {
}
.tooltip {
}
.wrapper {
}
h2, h3 {
font-family: "Trebuchet MS",Tahoma, Verdana, Arial;
font-size: 20px;
font-weight: bold;
color: #8A1714;
padding-top: 5px;
padding-bottom:5px;
}
#mod_login_password, #mod_login_username {
color: #000000;
}
form {
margin: 0;
padding: 0;
}
input, select {
font: 12px "Lucida Grande", Arial,sans-serif;
}
select, .inputbox {
padding: 2px;
}
textarea {
padding-left: 2px;
}
.button {
border: 1px solid #CCCCCC;
padding: 1px 10px!important;
padding: 1px 5px;
background: url("../images/button-bg.gif") repeat-x top #F2F2F2;
}
.button:hover {
background: url("../images/button-bg.gif") repeat-x top #8A1714;
}
.button:active, .button:focus {
border: 1px solid #222222;
}
.inputbox {
border: 1px solid #CCC;
background: #FFF;
color: #000;
}
#left .inputbox {
width:145px;
}
.inputbox:hover, .inputbox:focus {
border: 1px solid #003366;
}
fieldset.js_loginflat {border:0px; padding:8px; margin-left:12px;margin-right:12px; font: 11px Arial,sans-serif;
text-align:center;
vertical-align:top;}
fieldset.js_loginflat .inputbox {width:145px; }
fieldset.js_loginflat legend {display:none}
.moduletableflat {text-align:center;vertical-align:top;}
/*.bearright {top:25px; right:15px; position:absolute;}
#JB {position:absolute; bottom:0px;}
.line {
color: #CCCCCC;
}*/
/* LEX code */
#colorfield-border {
float:left;
position:relative;
top:158px;
left:138px;
}
#colorfield-link {
float:left;
position:relative;
top:180px;
left:76px;
}
.moduletable-don {
padding-bottom:20px;}
#bear {
background-image: url(../images/website-design-by-joomlabear.png);
background-repeat: no-repeat;
background-position: right;
height: 46px;
width: 877px;
}
#blizzard {
background-image: url(../images/blizzard.png);
background-repeat: no-repeat;
background-position: right;
height: 46px;
width: 877px;
}
