Thema: Menu Class Suffix

Hallo,

ich komme mit einem Fehler bei Erstellung eines Menus nicht klar und benötige Hilfe.

Ich habe in zwei div zwei verschiedene Menus: menu 1 (ohne Suffix in css) und menu2 (mit Suffix -top in css)

Leider wird von der CSS-Datei die Schriftformatierung nicht übernommen. Die Schrift ist immer weiß.
Die CSS-Datei wird angesprochen, da im Quelltext folgendes steht:

HTML-Code:

<td><a href="/index.php?option=com_content&amp;view=article&amp;id=47&amp;Itemid=65" class="mainlevel-top">Test</a></td>

Auch der Unterstrich aus der CSS-Datai ( border-bottom : solid 1px #6d3d23is in der neuen Farbe sichtbar. Nur die Schrift bleibt eben weiß.

Hier der CSS-Code:

Code:

/* ################### MAIN AND SUB MENU SYSTEM ################### */
.mainlevel {
  font-family      : 'Trebuchet MS', Arial, Verdana, Tahoma, sans-serif;
  letter-spacing   : 0px;
  font-size		   : 15px;
  height		   : 25px;
  vertical-align   : middle;
  border-bottom	   : solid 1px #ac1161;
  display		   : block;
  width			   : 90%;
}

a.mainlevel:link, a.mainlevel:visited {
  font-weight      : bold;
  margin-left: 15px;
  color:  #ac1161;
}

a.mainlevel:hover {
  color            : #fff;
  text-decoration  : none;
  margin-left: 15px;
}

a#active_menu {
  color            : #fff;
  font-weight      : bold;
  text-decoration  : none;
  margin-left: 15px;
}


.mainlevel-top {
  font-family      : 'Trebuchet MS', Arial, Verdana, Tahoma, sans-serif;
  letter-spacing   : 0px;
  font-size	 : 15px;
  height		   : 25px;
  vertical-align   : middle;
  border-bottom	   : solid 1px #6d3d23;
  display		   : block;
  width			   : 90%;
}


a.mainlevel-top:link, a.mainlevel-top:visited {
  font-weight      : bold;
  margin-left: 15px;
  color:  #6d3d23;
}

a.mainlevel-top:hover {
  color            : #6d3d23;
  text-decoration  : none;
  margin-left: 15px;
}

Könnte mir Jemand helfen?

Hier die Seite

Vielen Dank
Andrzej

Vielen, vielen Dank

Es hatte mich viele Stunden gekosten. Ich habe es nicht gesehen.

Andrzej

P.S.
Das deutsche Joomlaforum finde ich stark!!! Liebe Grüße aus den polnischen Bergen.

Ich hätte doch noch eine Kleinigkeit.

für #middle hatte ich alles festgelegt und fast alles funktioniert. Leider a:active funktioniert nicht. Wo habe ich noch einen Fehler, daß der aktive Menupunkt nicht weiß bleibt??

Code:

#middle {
	width: 150px;
	float: right;
	position: relative;
	right: 0px;
	font-size: 100%;
	background-image: url(../images/middle_back.gif);
	background-repeat: repeat-y;
	border-bottom: 1px solid #6d3d23;
}

#middle a:link, #middle a:visited {
  font-weight      : bold;
  margin-left: 15px;
  color:  #6d3d23;
  border-bottom: 1px solid #6d3d23;
}

#middle a:hover {
	  font-weight      : bold;
  margin-left: 15px;
  color:  #fff;
  border-bottom: 1px solid #6d3d23;
}

#middle a:active {
  font-weight      : bold;
  margin-left: 15px;
  color:  #fff;
  border-bottom: 1px solid #6d3d23;
}

Danke für weiter Hinweise.

Andrzej