[Problem] Sprite-Navigation mit mootoolsnav
Hallo liebe contao-Community.
ich bin neu auf dem Gebiet contao & CSS und komme bei einer Sache nicht weiter
Wie im contaowiki beschrieben, habe ich mir eine Spritenavigationsleiste erstellt,
es klappt auch soweit alles.
http://de.contaowiki.org/Navigation_...fiken_-_Sprite
Der Code lautet
Code:
#left .mod_navigation {
width:200px;
}
#left .mod_navigation ul {
margin:0;
padding:0;
list-style-type:none;
}
#left .mod_navigation li {
margin:0;
padding:0;
}
#left .mod_navigation a,
#left .mod_navigation span {
height:40px;
display:block;
text-indent:-3000px;
background-repeat: none;
}
#left .mod_navigation a:link,
#left .mod_navigation a:visited {
background-position: top left;
}
#left .mod_navigation a:hover,
#left .mod_navigation a:focus,
#left .mod_navigation a:active,
#left .mod_navigation span {
background-position: 0 -40px;
}
/* Definition der einzelnen Bilder */
#left .mod_navigation .startseite a,
#left .mod_navigation .startseite span {
background-image: url(tl_files/menue/startseite.png);
}
#left .mod_navigation .michael a,
#left .mod_navigation .michael span {
background-image: url(tl_files/menue/michael.png);
}
#left .mod_navigation .seminare a,
#left .mod_navigation .seminare span {
background-image: url(tl_files/menue/seminare.png);
}
#left .mod_navigation .seminare09 a,
#left .mod_navigation .seminare09 span {
background-image: url(tl_files/menue/seminare09.png);
}
#left .mod_navigation .seminare10 a,
#left .mod_navigation .seminare10 span {
background-image: url(tl_files/menue/seminare10.png);
}
#left .mod_navigation .seminare11 a,
#left .mod_navigation .seminare11 span {
background-image: url(tl_files/menue/seminare11.png);
}
#left .mod_navigation .buecher a,
#left .mod_navigation .buecher span {
background-image: url(tl_files/menue/buecher.png);
}
#left .mod_navigation .vortraege a,
#left .mod_navigation .vortraege span {
background-image: url(tl_files/menue/vortraege.png);
}
#left .mod_navigation .kontakt a,
#left .mod_navigation .kontakt span {
background-image: url(tl_files/menue/kontakt_impr.png);
}
Da ich aber für ein paar Menüpunkte Unterpunkte erstellen wollte, habe ich mootoolsnav installiert und - was wohl jetzt sehr laienhaft erscheinen mag ;) - einfach
.mod_navigation gegen .mod_mootoolsnav ersetzt.
Das Problem ist aber nun, dass bei der mootoolsnav-Menüleiste alle Grafiken richtig angezeigt werden bis auf die Grafik der Seite, die aktiviert/angeklickt ist. Hier steht anstelle der Grafik nur der Text (z.B. "Startseite" etc.)
Ich wäre für einen Tip sehr dankbar, wie ich das Problem lösen kann.
Mit freundlichen Grüßen,
kon