Karlheinz: Mouseover Aktiver Link

SELF-Forum

Mouseover Aktiver Link

Karlheinz
– Informationen zu den Bewertungsregeln

Hallo,

Ich möchte gerne dass in meiner Navigation die aktive Seite einen anderen Stil hat.

Beispielsweise index.htm ist wird gerade angezeigt, desshalb ist der Menüeintrag index fett und orange.

Code:

<div id="navi" class="menu">
<a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/bbg.htm">BBG</a>
<a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/inhalte.htm">Inhalte</a>
<a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/kandidaten.htm">Kandidaten</a>
<a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/historie.htm">Historie</a>
<a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/presse.htm">Presse</a>
<a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/feedback.htm">Feedback</a></div>

und CSS:

a.menu {
 display:block;
 text-align:center;
 width:16ex;
 padding:2px;
 text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
}

a.menu:link    { color:#000000; background-color:transparent; }
a.menu:visited { color:#000000; background-color:transparent; }
a.menu:hover   { background-image:url(http://kortenacker.com/2008/bilder/test_r3_c2_f2.gif); }
a.menu:active  { background-image:url(http://kortenacker.com/2008/bilder/test_r3_c2_f2.gif); }

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Mouseover Aktiver Link

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hello out there!

    Ich möchte gerne dass in meiner Navigation die aktive Seite einen anderen Stil hat.

    http://forum.de.selfhtml.org/archiv/2007/3/t147617/#m957553

    <div id="navi" class="menu">
    <a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/bbg.htm">BBG</a>
    <a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/inhalte.htm">Inhalte</a>
    <a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/kandidaten.htm">Kandidaten</a>
    <a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/historie.htm">Historie</a>
    <a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/presse.htm">Presse</a>
    <a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/feedback.htm">Feedback</a></div>

    „Ich möchte furchtbar gern eine Liste sein, bitte bitte lass mich doch ...!!!1“ (frei nach [wahsaga])

    See ya up the road,
    Gunnar

    --
    „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Mouseover Aktiver Link

    Elya Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Karlheinz,

    Ich möchte gerne dass in meiner Navigation die aktive Seite einen anderen Stil hat.

    Beispielsweise index.htm ist wird gerade angezeigt, desshalb ist der Menüeintrag index fett und orange.

    Einfach für die aktuelle Seite den Link weglassen (wegen Usability und Navigation sowieso) und den "normalen Text" anders als die Links gestalten.

    <div id="navi" class="menu">
    <a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/bbg.htm">BBG</a>

    Besser und kürzer wäre z.B.:

      
<ul id="navi">  
<li><a href="http://kortenacker.com/2008/">BBG</a></li>  
<li>Aktuelle Seite</li>  
</ul>

    CSS:

      
ul#navi {}  
  
ul#navi li {}  
  
ul#navi li a:link,  
ul#navi li a:visited {}  
ul#navi li a:hover,  
ul#navi li a:active {}

    Gruß aus Köln-Ehrenfeld,

    Elya

    --
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln