hey i got this in my css can u please tell me how to do that as simple as possible, i want it to be just like in modxcms site, with small images in the left side (i will get the images i just need the css code) and not too complicated.
here is what controls the menu:
#mainmenu {
width: 170px;
margin: 0 0 10px 0;
padding-left: 15px;
font-size: 0.9em;
}
#mainmenu ul {
list-style: none;
width: 170px;
margin: 0 0 10px 0;
padding: 0;
font-size: 1.1em;
}
#mainmenu ul li {
margin-bottom: 1px;
}
#mainmenu ul li a, #mainmenu ul li ul li a, #mainmenu ul li.active ul li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #505050;
display: block;
padding: 4px 0 2px 0px;
background: url('../../images/menu.png') top center repeat-x;
border-left: 4px solid #cccccc;
}
#mainmenu ul li a:hover, #mainmenu ul li ul li a:hover {
background: url('../../images/menu-hover.png') top center repeat-x;
color: #336699;
border-left: 4px solid #336699;
}
#mainmenu ul li.active a, #mainmenu ul li.active ul li.active a {
background: url('../../images/menu-active.png') top center repeat-x;
color: #336699;
border-left: 4px solid #FF9900;
}
#mainmenu ul li.active a:hover, #mainmenu ul li.active ul li a:hover {
background: url('../../images/menu-hover.png') top center repeat-x;
color: #336699;
border-left: 4px solid #336699;
}
#mainmenu ul li ul {
width: 155px;
margin: 1px 0 0 15px;
font-size: .9em;
}
another question is that i have this thick line it looks like an image but it doesnt it show under everylink and hyperlinked images, how can i remove that?
thanks.
