Seems to be treemenubug when trying to customize it?...
Hello,
Now I finally got my menu working, almost :p
I recently noticed that when u r using persist: location; and u start the navigation on ur homepage, then u click to enter ur first menu alternative, then when u repeat this procedure twice the menu alternative that has been visited twice is styled with the default link settings for a link visited, purple colour, thin text instead of bold as all the other alternatives has been styled with.
I wonder if this is a bug that might be easy to fix or if Ive just missed an option somewhere?
I will link CSS code below to help u detect any possible misscoding phrases:
(below file is cssmall.css)
- @charset "utf-8";
/* CSS Document */
body { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0px; text-align: center; background-color: #000000; font-family: arial, verdana, sans serif; }
div#container { width: 1040px; margin: 0 auto; text-align: left; }
div#header { background:url(bilder/framework980px2.jpg) no-repeat; padding: 0px; margin: 0px; width: 1040px; height: 190px; }
div#sidebarleft { float: left; width: 250px; height: 780px; background:url(bilder/framework-leftside2.jpg) no-repeat; padding: 15px 10px 15px 20px; margin: 0px; }
div#sidebarleft p { padding-left: 1px; color: #ffa800; font-size: 12px; font-style: normal; font-weight: normal; letter-spacing: 0.5px; line-height: 24px; }
div#sidebarright { float: right; width: 190px; background:url(bilder/framework-rightside.jpg) no-repeat; padding: 15px 10px 10px 20px; height: 760px; margin-right: -30px; }
div#rightintsection { width: 156px; height: 180px; }
div#rightintsection h5 { color: #ff9900; font-style: normal; font-weight: bold; letter-spacing: 1px; margin-left: 4px; margin-top: 8px; }
div#sidebarright p { color: #959595; font-style: normal; font-weight: normal; letter-spacing: 1px; margin-left: 4px; margin-top: -15px; margin-right: 5px; line-height: 18px; font-size: 12px; }
div#separation { background-image: url(bilder/Separationimage2.jpg); width: 157px; height: 20px; margin-top: -10px; margin-left: -4px; margin-right: 0px; margin-bottom: 5px; }
div#separation-b { background-image: url(bilder/Separationimage2.jpg); width: 157px; height: 20px; margin-top: -2px; margin-left: -4px; margin-right: 0px; margin-bottom: 5px; }
div#rightextsection { width: 156px; height: 160px; }
div#rightextsection h5 { color: #ff9900; font-style: normal; font-weight: bold; letter-spacing: 1px; margin-left: 5px; margin-top: 8px; }
div#infoarea { width: 156px; height: 100px; }
div#infoarea h5 { color: #ff9900; font-style: normal; font-weight: bold; letter-spacing: 1px; margin-left: 5px; margin-top: 8px; }
div#se-optimization { width: 152px; height: 150px; overflow: auto; }
div#certificates { width: 156px; height: 61px; }
div#certificates h5 { color: #ff9900; font-style: normal; font-weight: bold; letter-spacing: 1px; margin-left: 5px; margin-top: 8px; }
div#contentarea { padding: 0px 0px; background:url(bilder/framework-content.jpg) no-repeat; height: 780px; width: 592px; margin-left: 254px; }
div#contentarea p#indextext { font-size: 12px; color: #959595; font-style: normal; font-weight: normal; letter-spacing: 1px; line-height: 20px; margin-top: 0px; padding-right: 25px; }
div#contentarea h3#index1 { color: #ff9900; font-style: normal; font-weight: normal; letter-spacing: 1px; margin-top: 0px; padding-top: 28px; padding-right: 25px; }
div#contentarea span#author { font-size: 12px; color: #ffffff; font-style: normal; font-weight: normal; letter-spacing: 1px; line-height: 20px; margin-top: 0px; padding-right: 25px; }
div#contentarea span#capital { font-size: 12px; color: #ff9900; font-style: normal; font-weight: normal; letter-spacing: 1px; line-height: 20px; margin-top: 0px; }
div#footer { margin-top: 0px; background:url(bilder/framework-footer2.jpg) no-repeat; height: 50px; width: 1040px; padding: 0px; }
div#footer span#last-mod { font-size: 11px; color: #ffffff; font-weight: normal; font-style: normal; letter-spacing: 1px; float: left; margin-top: -1px; margin-left: -540px; }
div#footer p#cr { font-size: 11px; color: #959595; font-weight: bold; font-style: normal; letter-spacing: 1px; float:left; margin-top:-13px; margin-left: 145px; }
div#footer span#important { font-size: 11px; color: #ff9900; font-weight: bold; font-style: normal; letter-spacing: 1px; }
div#leftspace { background-color: #000000; width: 4px; height: 780px; margin-left: -30px; }
div#rightspace { background-color: #000000; width: 4px; height: 780px; margin-left: 10px; }
div#bottomspace { background-color: #000000; height: 4px; width: 1040px; margin-top: -30px; }
div#topspace { background-color: #000000; height: 4px; width: 1040px; margin: 0px; }
div#footer a#infolink:link { font-size: 11px; color: #ff9900; font-weight: bold; font-style: normal; letter-spacing: 1px; }
div#footer a#infolink:visited { font-size: 11px; color: #ff9900; font-weight: bold; font-style: normal; letter-spacing: 1px; }
div#footer a#infolink:focus { font-size: 11px; color: #ff9900; font-weight: bold; font-style: normal; letter-spacing: 1px; }
div#footer a#infolink:hover { font-size: 11px; color: #ffffff; font-weight: bold; font-style: normal; letter-spacing: 1px; }
div#footer a#infolink:active { font-size: 11px; color: #ffffff; font-weight: bold; font-style: normal; letter-spacing: 1px; }
ul#mymenu a#sibling:link { color: #dd8800; font-size: 12px; font-style: normal; font-weight: bold; letter-spacing: 1px; }
.selected { color: #959595; font-size: 12px; font-style: normal; font-weight: bold; letter-spacing: 1px; }
.push { }
.fltrt { /* denna klass kan användas för att flytta ett element till höger på sidan. Det flytande elementet måste komma före elementet som det ska ligga bredvid på sidan. */
float: right;
margin-left: 8px;
}
.fltlft { /* denna klass kan användas för att flytta ett element till vänster på sidan */
float: left;
margin-right: 8px;
}
.clearfloat { /* denna klass ska placeras på en div eller break-element och ska vara det sista elementet innan en container som helt ska innehålla ett flyttal stängs */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
* { text-decoration: none; outline: none; }
And then I got one more document with CSS code for the treemenu itself:
(below file name is jquery.treeview.css)
- .treeview, .treeview ul {
padding: 0;
margin: 0;
list-style: none;}
.treeview ul {margin-top: 4px;}
/* fix for IE6 */
* html .hitarea {
display: inline;
float:none;
}
.treeview li {
margin: 0;
padding: 3px 0pt 1px 12px;
}
.treeview .hover { cursor: pointer; }
ul#mymenu a#head:link { color: #dd8800; font-size: 14px; font-style: normal; font-weight: bold; letter-spacing: 1px; }
ul#mymenu a#head:focus { color: #dd8800; font-size: 14px; font-style: normal; font-weight: bold; letter-spacing: 1px; }
ul#mymenu a#head:hover { color: #959595; font-size: 14px; font-style: normal; font-weight: bold; letter-spacing: 1px; }
ul#mymenu a#head:active { color: #959595; font-size: 14px; font-style: normal; font-weight: bold; letter-spacing: 1px; }
ul#mymenu span#head { color: #dd8800; font-size: 14px; font-style: normal; font-weight: bold; letter-spacing: 1px; }
ul#mymenu span#head:focus { color: #dd8800; font-size: 14px; font-style: normal; font-weight: bold; letter-spacing: 1px; }
ul#mymenu span#head:hover { color: #959595; font-size: 14px; font-style: normal; font-weight: bold; letter-spacing: 1px; }
ul#mymenu span#head:active { color: #959595; font-size: 14px; font-style: normal; font-weight: bold; letter-spacing: 1px; }
ul#mymenu a#sibling:link { color: #dd8800; font-size: 12px; font-style: normal; font-weight: bold; letter-spacing: 1px; }
ul#mymenu a#sibling:focus { color: #dd8800; font-size: 12px; font-style: normal; font-weight: bold; letter-spacing: 1px; }
ul#mymenu a#sibling:hover { color: #959595; font-size: 12px; font-style: normal; font-weight: bold; letter-spacing: 1px; }
ul#mymenu a#sibling:active { color: #959595; font-size: 12px; font-style: normal; font-weight: bold; letter-spacing: 1px; }
* { text-decoration: none; outline: none; }
And finally we got the website code in the headsection, which I believe is the only one of importance:
- <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title></title>
<!-- InstanceEndEditable -->
<link href="cssmall.css" type="text/css" rel="stylesheet" media="all" />
<script type="text/javascript" src="jquery.min.js"></script>
<link rel="stylesheet" href="jquery.treeview.css"></script>
<script type="text/javascript" src="lib/jquery.cookie.js"></script>
<script type="text/javascript" src="jquery.treeview.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#mymenu").treeview({
collapsed: false,
animated: "normal",
unique: true,
persist: "location",
});
});
</script>
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head>