Excellent - i thought i was going mad yesterday. It works on Friefox, but not for IE though (i’ve only applied it to the utility section -
http://emc2.site4test.co.uk/index.php?q=accessibility.html) . I’ve added it to the IE style sheet;
/* CSS Document */
table {border-collapse:collapse; border:0; margin:0; padding:0;}
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}
.menu ul li.active a {color:#fff; background:#CC3333;}
.menu ul li.here a{color:#fff; background:#CC3333;}
.menu ul li a:hover {color:#fff; background:#CC3333;}
.menu ul li a:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menu ul li a:hover ul li a.sub {background:#dfc184; color:#000;}
.menu ul li a:hover ul li a {display:block; background:#b3ab79; color:#fff; width:150px;}
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:151px; top:0; color:#000;}
.menu ul li a:hover ul li a:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.menu ul li a:hover ul li a:hover ul li a:hover {background:#bd8d5e; color:#fff;}
.menu active {color:#fff; background:#CC3333;}
.menu here {color:#fff; background:#CC3333;}
Quote from: Dimmy at Apr 18, 2007, 04:40 PM
try using this:
.menu ul li.active a {color:#fff; background:#CC3333;}
.menu ul li.here a{color:#fff; background:#CC3333;}
it wil use active if you are on the document and it wile use here when jou are on a document below/insite
