class="" vom a:hover
Stereo
- css
Hallo,
kann ich einen link einer aktiven Seite wie den "#navMenu li a:hover" dastellen? Oder muß ich das extra machen?
Z.Z. probiere ich:
.test {background: url(bckSubSubMenu.gif) 0 -13px;
padding: 0 0 1px 40px;
}
<ul>
<li><a href="aufbau.html">Einleitung</a></li>
<li><a href="aufbau.html">Vorbereiten</a></li>
<li><a href="aufbau.html">Verlegen</a></li>
<li class="test"><a href="aufbau.html">Verfugen</a></li>
</ul>
Was mache ich falsch?
Gruß
kann ich einen link einer aktiven Seite wie den "#navMenu li a:hover" dastellen? Oder muß ich das extra machen?
Meinst du mit Aktiver Seite die momentan dargestellte Seite?
Entferne das href Attribut, denn es taugt eh nichts.
a:active meint etwas anderes: Es ist der Zustand des Links, während er aktiviert wird.
> .test {background: url(bckSubSubMenu.gif) 0 -13px;
> padding: 0 0 1px 40px;
> }
> <ul>
> <li><a href="aufbau.html">Einleitung</a></li>
> <li><a href="aufbau.html">Vorbereiten</a></li>
> <li><a href="aufbau.html">Verlegen</a></li>
> <li class="test"><a href="aufbau.html">Verfugen</a></li>
> </ul>
Was mache ich falsch?
Was erwartest du?
mfg Beat
Ich habe ein vertikales Menu mit a:hover. Ich möchte das die momentan dargestellte Seite hervorgehoben wird. Das soll genauso wie vom a:hover aussehen.
/* subSubMenu */
#navMenu li li li a:link, #navMenu li li li a:visited {
background: url(bckSubSubMenu.gif);
padding: 0 0 1px 30px;
}
#navMenu li li li a:hover {
background: url(bckSubSubMenu.gif) 0 -13px;
padding: 0 0 1px 40px;
}
href habe ich weggenommen. Jetzt ist es doppelt.
kann ich einen link einer aktiven Seite wie den "#navMenu li a:hover" dastellen? Oder muß ich das extra machen?
Meinst du mit Aktiver Seite die momentan dargestellte Seite?
Entferne das href Attribut, denn es taugt eh nichts.a:active meint etwas anderes: Es ist der Zustand des Links, während er aktiviert wird.
.test {background: url(bckSubSubMenu.gif) 0 -13px;
padding: 0 0 1px 40px;
}
> ~~~html
> > <ul>
> > <li><a href="aufbau.html">Einleitung</a></li>
> > <li><a href="aufbau.html">Vorbereiten</a></li>
> > <li><a href="aufbau.html">Verlegen</a></li>
> > <li class="test"><a href="aufbau.html">Verfugen</a></li>
> > </ul>
>
Was mache ich falsch?
Was erwartest du?
mfg Beat
Ich habe ein vertikales Menu mit a:hover. Ich möchte das die momentan dargestellte Seite hervorgehoben wird. Das soll genauso wie vom a:hover aussehen.
/* subSubMenu */
#navMenu li li li a:link, #navMenu li li li a:visited {
background: url(bckSubSubMenu.gif);
padding: 0 0 1px 30px;
}
#navMenu li li li a:hover {
background: url(bckSubSubMenu.gif) 0 -13px;
padding: 0 0 1px 40px;
}
>
> href habe ich weggenommen. Jetzt ist es doppelt.
jetzt gibst du halt dem <a> Element, das die gegenwärtige Seite repräsentiert eine Klasse
<a class="currentpage">Diese Seite</a>
#navMenu a.currentpage {
background: url(bckSubSubMenu.gif) 0 -13px;
padding: 0 0 1px 40px;
Wo das problem?
mfg Beat
--
Woran ich arbeite:
[X-Torah](http://www.elcappuccino.ch/cgi/tok.pl?extern=1-pub-com3306-1)
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Hi,
jetzt gibst du halt dem <a> Element, das die gegenwärtige Seite repräsentiert eine Klasse
<a class="currentpage">Diese Seite</a>
Schwachfug. Du entfernst das <a>-Element, schließlich willst Du nichts verlinken. Der Listenpunkt selbst ist ideal klassifizierbar.
Cheatah
@@Stereo:
Was mache ich falsch?
Du verlinkst die aktuelle Seite. (Punkt 10 der zehn meist-missachteten Homepage-Design-Richtlinien [Nielsen])
Live long and prosper,
Gunnar