Unfortunately i can’t tell you what that &clicheren is for, as I already said, a friend of mine did this. He doesn’t know what is wrong with it so he recommended me to ask it here. I already asked him why it’s there, but he is currently away from his keyboard. [Check edit @ bottom of this post]
About the CSS, I suppose you only want the CSS that is part of the menu.
/*********************
RECHTER TAB MENU (=dutch for right menu tab
*********************/
#rtab ul {
width: 140px;
font: 13px verdana;
}
#rtab ul li {
list-style: none;
}
.rtablink {
width: 140px;
display: block;
}
/*******************
STATUS = NORMAAL
*******************/
#rtab ul li a img {
visibility: hidden;
border: 0px;
}
#rtab ul li a:link, #rtab ul li a:visited {
color: #565656;
text-decoration: none;
line-height: 20px;
background-image: url('../images/menu/rmenu.jpg');
background-position: top;
border-bottom: 1px dashed #B0C4DE;
}
/****************
STATUS = HOVER
****************/
#rtab ul li a:hover img, #rtab ul li a:visited:hover img {
visibility: visible;
margin-left: 14px;
}
#rtab ul li a:hover, #rtab ul li a:visited:hover {
color: #222222;
font-weight: bold;
background-image: url('../images/menu/rmenu.jpg');
background-position: bottom;
}
Don’t think it’s usefull, but this is the CSS for the main menu:
#menu ul {
font: bold 13px 'Trebuchet MS', verdana;
text-align: center;
}
#menu ul li {
list-style: none;
margin-left: 5px;
display: inline;
}
#menu ul li a:link, #menu ul li a:visited {
color: #333399;
background-color: #82A6CA;
}
/*******************
STATUS = NORMAAL
*******************/
#menu ul li a {
background-image: url('../images/menu/menu_left.jpg');
background-repeat: no-repeat;
text-decoration: none;
background-position: left top;
}
#menu ul li a span {
background-image: url('../images/menu/menu_right.jpg');
background-position: top right;
background-repeat: no-repeat;
text-decoration: none;
padding-left: 12px;
padding-right: 12px;
}
/****************
STATUS = HOVER
****************/
#menu ul li a:hover, #menu ul li a:visited:hover {
color: #000;
background-color: #92B1D1;
background-image: url('../images/menu/menu_left.jpg');
background-repeat: no-repeat;
background-position: left;
}
#menu ul li a:hover span, #menu ul li a:visited:hover span {
background-image: url('../images/menu/menu_right.jpg');
background-repeat: no-repeat;
background-position: 100% 50%;
padding-left: 12px;
padding-right: 12px;
}
/*****************
STATUS = HUIDIG
*****************/
#menu ul .huidig a:link, #menu ul .huidig a:visited, #menu ul .huidig a:hover, #menu ul .huidig a:visited:hover {
color: #000;
background-color: #B0C4DE;
background-image: url('../images/menu/menu_left.jpg');
background-repeat: no-repeat;
background-position: bottom left;
}
#menu ul .huidig a:link span, #menu ul .huidig a:visited span, #menu ul .huidig a:hover span, #menu ul .huidig a:visited:hover span {
background-image: url('../images/menu/menu_right.jpg');
background-repeat: no-repeat;
background-position: bottom right;
padding-left: 12px;
padding-right: 12px;
}
EDIT:
Something really weird happened. When I checked it again it was just like this:
[!Wayfinder?startId=`0` &hereClass=`current` &level=`1` &rowTpl=`rowTpl` &hereTpl=`hereTpl`!]
BTW if you want to see the whole CSS:
http://www.evd.timweb.nl/modx/assets/templates/hbs/css/style.css
MODX Staff
