Matthias Apsel: Textnavigation. Bitte um Hilfe

Beitrag lesen

Om nah hoo pez nyeetz, Newbee!

Es ist keine gute Idee, eine solche Menüführung mit Javascript zu erstellen, es geht mit reinem CSS auch.

Deine Navigation ist eine Liste von Verweisen

<ul id="nav">
  <li><a href="...">Home</a></li>
  <li><a href="...">Seite 1</a></li>
  <li><a href="...">Seite 2</a></li>
  ...
</ul>

Die aktuelle Seite soll nicht verlinkt sein

<ul id="nav">
  <li><a href="...">Home</a></li>
  <li><span>Seite 1</span></li> <!-- aktuelle Seite -->
  <li><a href="...">Seite 2</a></li>
  ...
</ul>

nun könntest du mit generiertem Inhalt arbeiten:

#nav span:before {content = "[■]";}

#nav a:before {content = "[ ]";

Das sollte in allen aktuellen Browsern ab IE8 funktionieren, ■ ist U+25A0;

Matthias

--
1/z ist kein Blatt Papier. http://www.billiger-im-urlaub.de/kreis_sw.gif