Slashdot Menu script- By DimX "mark the active link"

**der_Ronny** · 04-12-2013, 10:35 AM

1) Script Title: Slashdot Menu script- By DimX

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/slashdot.htm

3) Describe problem: Hi there!
I'm using the Slashdot-Menu script from DimX.
All works fine, but I tried to show the active (selected) menulink in red. That doesn't work.
I've set the values in the section "div.sdmenu div a.current {" of the sdmenu.css, but nothing happens.
Please help and thanks a lot!!!

sdmenu.css:

Code:

div.sdmenu {
	width: 150px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding-bottom: 10px;
	/* background: url(bottom.gif) no-repeat  right bottom; */
	color: #86254F;
}
div.sdmenu div {
	/* background: url(title.gif) repeat-x; */
	overflow: hidden;
}
div.sdmenu div:first-child {
	/* background: url(toptitle.gif) no-repeat; */
}
div.sdmenu div.collapsed {
	height: 20px;
	color: #86254F;
}
div.sdmenu div span {
	display: block;
	padding: 1px 10px;
	/*font-weight: bold; */
	color: #000000;
	background: url(aufzaehlung_2.gif) no-repeat 0px center; 
	cursor: default;
	/* border-bottom: 0px solid #ddd;   */
}
div.sdmenu div.collapsed span {
	background-image: url(aufzaehlung_1.gif);
	/* geeeeeeeeeht color: #86254F; */
		color: #86254F;
}
div.sdmenu div a {
	padding: 1px 10px;
	/* background: #eee; */
	display: block;
	/* border-bottom: 1px solid #ddd; */
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
div.sdmenu div a.current {
	background : #c0c0c0;
	color: #86254F;
	text-decoration: underline;
}
div.sdmenu div a:hover {
	/* background : #066 url(linkarrow.gif) no-repeat right center; */
	color: #86254F;
	text-decoration: underline;
}




div.sdmenu div a.typ2 {
	display: block;
	font-size: 11px;
	padding: 0px 1px;
	/*font-weight: bold; */
	color: #FF0000;
	cursor: default;
	/* border-bottom: 0px solid #ddd;   */
}
div.sdmenu div a.type.current {
	/* background : #ccc; */
}
div.sdmenu div a.typ2:hover {
	/* background : #066 url(linkarrow.gif) no-repeat right center; */
	color: #00AA00;
	text-decoration: none;
}

HTML-Code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>menutest</title>

	
	
	<link rel="stylesheet" type="text/css" href="sdmenu/sdmenu.css" />
	<script type="text/javascript" src="sdmenu/sdmenu.js">
	</script>
	

	<script type="text/javascript">
	// <![CDATA[
	var myMenu;
	window.onload = function() {
		myMenu = new SDMenu("my_menu");
		myMenu.speed = 2;
		myMenu.oneSmOnly = true;
		myMenu.markCurrent = true;
		myMenu.init();
		myMenu.collapseAll();
	};
	// ]]>
	</script>

	
	
	
	

	
	
  </head>
<body bgcolor="#FFFFFF" text="#742956" link="#742956" vlink="#742956" alink="#742956">
	
	<table width="185" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="19">&nbsp;</td>
    <td width="166" height="50">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>

    <div style="float: left" id="my_menu" class="sdmenu">
      <div>
        <span>RÖNTGEN</span>
        <a href="../roentgen/mammographie.html" target="inhalt">Mammographie</a>
        <a href="../roentgen/ultraschall.html" target="inhalt">Ultraschall</a>
        <a href="../roentgen/knochendichtemessung.html" target="inhalt" target="inhalt">Knochendichtemessung</a>
      </div>
      <div>
        <span>LEISTUNGSUMFANG</span>
      </div>
      <div>
        <span>TEAM</span>
        <a href="../team/aerzte.html" target="inhalt">Ärzte</a>
        <a href="../team/roentgenteam.html" target="inhalt">Röntgenteam</a>
        <a href="../team/front_and_backoffice.html" target="inhalt">Front- and Back-Office Team</a>
      </div>
      <div>
        <span>ANMELDUNG</span>
        <a href="../anmeldung/u_ohne_termin.html" target="inhalt">Untersuchungen ohne Terminvereinbarung</a>
        <a href="../anmeldung/u_mit_termin.html" target="inhalt">Untersuchungen mit Terminvereinbarung</a>
      </div>
      <div>
        <span><a href="../anfahrt/anfahrt.html" target="inhalt" class="typ2">ANFAHRT</a></span>
      </div>
      <div>
        <span>IMPRESSUM</span>
      </div>
      
      
    </div>

    <!-- <div style="padding-left: 200px"> -->
 
  </div>
  
  
  
  
  
  
  
      </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
  </body>
</html>