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
Lesezeichen