hallo
ich hab hier eine navigation als liste mit einer class der ich die iD current geben möchte.
also wenn dieser navigationspunkt das current page item ist, soll sich die background-position um -77px ändern
CSS
Code:
li.mainnav_plattform h2 a{background-image:url(../img/de/plattform.png); width:77px; }
li.mainnav_plattform:hover h2 a{ background-position:-77px 0px; }
html
Code:
<ul>
<li class="mainnav_plattform" id="current">
<h2><a href="#"></a></h2>
</li>
</ul>
<br>
<ul>
ich kriegs nicht hin, hab alles probiert hier wie folgt:
Code:
.mainnav_plattform li.mainnav_plattfrom h2 a.current { background-position:-77px 0px; }
li.mainnav_plattform h2 a.current:hover{ background-position:-77px 0px; }
li.mainnav_plattform h2 a.current {background-image:url(../img/de/plattform.png); width:-77px; }
li.mainnav_plattform:active h2 a{ background-position:-77px 0px; }
li.mainnav_plattform h2 a.current:hover { background-position:-77px 0px; }
li.mainnav_plattform h2 a.current { background-position:-77px 0px; }
li.mainnav_plattform h2.current a { background-position:-77px 0px; }
li.mainnav_plattform h2 a.current { background-position:-77px 0px; }
li.mainnav_plattform_current h2 a { background-position:-77px 0px; }
li.mainnav_plattform h2 a:active { background-position:-77px 0px; }
li.mainnav_plattform h2 a.current { background-position:-77px 0px; }
hat jemand eine idee an welche wand ich da renne?